el-dialog组件

当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;
      }
    }
posted @ 2023-05-25 17:06  seeBetter  阅读(52)  评论(0编辑  收藏  举报