子组件调用父组件控制弹窗子组件

子组件调用父组件控制弹窗子组件

父组件定义控制显示窗体变量

showDialog:false

新增弹层组件

<add-Dept :show-dialog="showDialog">

子组件触发新增事件

if（type === 'add'){this.$emit('addDepts',this.treeNode)}  传出当前节点数据

父组件监听

<tre-tools slot-scope='obj' :tree-node='obj.data' @addDepts='addDepts'>

父组件方法

addDepts(node) {

this.showDialog = true

this.node = node

}

 

 

sync   

子组件触发新增事件 this.$emit('update:showDialog',false)

父组件  sync修饰

<child showDialog.sync='update:showDialog'/>

 

非sync

子   this.$emit('addDepts',this.treeNode)

父   <@addDepts='addDepts'>

 

       addDepts(node) {

              this.showDialog = true

              this.node = node

    }