父组件中点击子组件弹框只能用一次的解决办法

子组件在父组件中的展示

<DailyCheck  :dialogVisible.sync="dialogVisible" ></DailyCheck>

子组件代码：

<template>

<el-dialog

      :visible.sync="dialogTableVisible"

      @close="close"

></el-dialog>

</template>

//1先从父组件中利用props传true值到子组件   2利用监听事件将传过来的boolen给dialogVisible  3再利用$emit子传父给父组件传过去false值让弹窗关闭//

<script>

  props: {

    dialogVisible: {

      type: Boolean,

      default: false,

    }

  },

data() {

    return { 

dialogTableVisible: false

}

},

watch: {

    dialogVisible: {

      handler(v) {

        console.log('我是监听事件', v)

        this.dialogTableVisible = v

      }

    }

  },

 methods: {

    close() {

      this.$emit('update:dialogVisible', false)

    }

  }

</script>