两层嵌套的dialog修改visible值会修改两次，该如何解决？

Question

问题描述

我的两层组件分别是
最外层父组件，负责子组件层弹框的是否显示

Answer 1

用计算属性实现吧，逻辑更清晰

 props: {
  dialogVisible: {
    type: Boolean,
    default: false
  },
},
computed: {
  dialogVisibleProp: {
    get() {
      return this.dialogVisible
    },
    set(v) {
      this.$emit('update:dialogVisible', v);
    }
  }
}