uni-app 父子组件调用方法
作者:
等不来的期待 | 来源:发表于
2022-03-16 09:49 被阅读0次父调子组件方法 通过ref
//子组件声明一个方法供父组件调用
methods: {
showModal() {
this.modalName = 'bottomModal'
}
}
//父组件调用方式 声明子组件的时候添加ref来获取ScreeDialog 子组件的方法
<ScreeDialog ref="showRef"></ScreeDialog>
methods: {
showRef() {
//调用子组件方法
this.$refs.showRef.showModal()
}
}
子调父组件方法 通过emit
//子组件声明一个方法供父组件调用
methods: {
showModal() {
//propFn 自定义方法名 {a:1} 传的参数
this.$emit('propFn',{a:1}) }
}
<ScreeDialog @propFn="porpFun"></ScreeDialog>
methods: {
porpFun(e) {
//父传子参数
console.log(e)
}
}
本文标题：uni-app 父子组件调用方法
本文链接：https://www.haomeiwen.com/subject/yizudrtx.html
网友评论