Vue在子组件内如何触发父组件的方法
在父组件中:
<template> <div> <iframeDialog name="ifrFddDialog" :visible.sync="ifrVisible" v-on:onClose="myFunc" ></iframeDialog> </div> </template>
data() {
return {
ifrVisible: false
}
},
methods: {
myFunc: function (args) {
console.log(args);
}
}
注意:用v-on:来绑定事件监听器, 也可以用@来代替
在子组件中使用$emit触发父组件的自定义事件onClose:
this.$emit('onClose', {name: 'world'});
也可以用$emit来触发父组件更新子组件的属性,如visible属性
this.$emit('update:visible', false);