el-dialog组件

发布时间 2023-05-25 17:12:28作者: seeBetter

当el-dialog被封装为一个单独组件,被父组件引入时,控制起显示与否的问题

父组件:

<amap :visible="showMap"/>
data(){
    return {
      showMap: false,
    }
  },
 
子组件:
<el-dialog
    :visible="show">
props: {
      visible: {
        type: Boolean,
        default: false
      }
    },
    data(){
      return {
        show: false,
      }
    },
watch: {
      visible(v){
        this.show = v;
      }
    }