美文网首页
vue 点击父组件,刷新子组件

vue 点击父组件,刷新子组件

作者: 顺其自然AAAAA | 来源:发表于2022-03-01 16:31 被阅读0次

    最近用了父子组件,在子组件发送请求,只是首次发送,关闭子组件,再次打开,就不请求了,百度了一下,找到了方法,这里记录一下。

    <template>
      <div class="pageContainer">
        <el-button type="primary" @click="handleCreate">
          创建
        </el-button>
        <Child :key="timer"></Child>
      </div>
    </template>
    import Child from "@/components/child";
    components: {
        Child 
      },
      data() {
        return {
              timer:null
            }
          },
      methods: {
        handleCreate() {
           this.timer = new Date().getTime();
          // 也可以处理其他事件
        },
    }
    

    这里在子组件加了一个key,相当于每一次点击,都刷新一次子组件。

    相关文章

      网友评论

          本文标题:vue 点击父组件,刷新子组件

          本文链接:https://www.haomeiwen.com/subject/pjmopltx.html