父组件向子组件传值,@changeGroup="loadRulesData"传数据,selectedRules传的是数组
<rule-change-group
ref=“changerule”
:visible.sync=“rulesdialogvisible”
:selectedRules=“selectedRules”
@changeGroup=“loadRulesData”
>
在父组件调用子组件的方法定义ref ,方法里用this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …) { this.refs.changerule.loadGroupTree();
this.rulesdialogvisible = true;
},
在子组件接收父组件传过来的值通过:props,props里声明类型,然后在watch监听
props:{
visible:{
type:Boolean,
default:false,
},
selectedRules: Array,
},
watch: {
visible() {
// 将父组件传递过来的dialogShow赋值给dialogVisible
this.ruledialogVisible = this.visible
this.selectedRules = this.selectedRules
},
},
子组件内部通过this.
e
m
i
t
(
′
方
法
名
′
,
要
传
递
的
数
据
)
方
式
,
来
调
用
父
组
件
中
的
方
法
,
同
时
把
数
据
传
递
给
父
组
件
使
用
t
h
i
s
.
emit('方法名', 要传递的数据)方式,来调用父组件中的方法,同时把数据传递给父组件使用 this.
emit(′方法名′,要传递的数据)方式,来调用父组件中的方法,同时把数据传递给父组件使用this.emit(‘update:visible’,false)
this.$emit(‘changeGroup’)