父調(diào)子組件方法 通過ref
//子組件聲明一個方法供父組件調(diào)用
methods: {
showModal() {
this.modalName = 'bottomModal'
}
}
//父組件調(diào)用方式 聲明子組件的時候添加ref來獲取ScreeDialog 子組件的方法
<ScreeDialog ref="showRef"></ScreeDialog>
methods: {
showRef() {
//調(diào)用子組件方法
this.$refs.showRef.showModal()
}
}
子調(diào)父組件方法 通過emit
//子組件聲明一個方法供父組件調(diào)用
methods: {
showModal() {
//propFn 自定義方法名 {a:1} 傳的參數(shù)
this.$emit('propFn',{a:1}) }
}
<ScreeDialog @propFn="click"></ScreeDialog>
methods: {
click(e) {
//父傳子參數(shù)
console.log(e)
}
}
