在页面中使用组件时，调用了两次的已安装方法

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>

Answer 1

您不能将div放到paragraf中。

删除

，它应该可以工作。