vue.js - 在页面中使用组件时调用了两次挂载方法

Question

我在页面中使用的一个组件中有一个模式代码，一切正常，但是如果我刷新页面而不是两次调用挂载的钩子，这会破坏我的代码。我希望它只调用一次。

import axios from '~/plugins/axios';

export default {
  data() {
    return {}
    };
  },
  components: {
    LoginSignupModal
  },
  mounted() {
    console.log('mounted called......');
  },

<template>
    <div>
      <p>
        <LoginSignupModal :isModalOpen='isModalOpen' v-on:onModalClose="onModalClose($event)"></LoginSignupModal>
      </p>
    </div>
</template>

标签： vue.jsnuxt.js

Answer 1

您不能将 div 粘贴到段落中。

删除 <p> 它应该可以工作。