父頁
<el-dialog title="注冊" :visible.sync="dialogShowB" @close="close()" >
//registered 為el-dialog 中的el-form表單
<registered ref="registered" @dialogShowBClose="dialogShowBClose"/>
</el-dialog>
<script>
//引入form表單的插件
import registered from "@/.../.../registered";
export default{
components: {
registered
},
methods:{
registered() {
this.dialogShowB = true
this.$refs.registered.resetForm('form')
},
dialogShowBClose(){
this.dialogShowB = false
},
}
}
</script>
父頁呼叫子頁方法
寫上ref="registered" 就可以呼叫registered 頁里面的方法this.$refs是固定寫法，registered是ref，resetForm是呼叫子頁方法的名字
子頁呼叫父頁方法
父組件要寫@dialogShowBClose="dialogShowBClose"
<registered @dialogShowBClose="dialogShowBClose"/>
methods：{
submit(){
this.$emit('dialogShowBClose', '')
}
}
這里this.$emit固定寫法dialogShowBClose是方法名 ' '傳個引數如果沒有就傳空
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/270392.html
標籤：其他
上一篇：程式員的現狀與無奈