在 <test-test>
组件中,定义一个事件来通知父组件关闭当前组件(或者是执行完某个方法例如add或edit方法finally里面 this.$emit('close');通知父组件的close方法)
<template>
<t-button @click="closeComponent">关闭组件</t-button>
</template>
<script>
export default {
methods: {
closeComponent() {
this.$emit('close');
}
}
}
</script>
在父组件中监听 <test-test>
组件触发的 close
事件
<template>
<div>
<test-test @close="doTest" />//子组件通知后执行的方法
</div>
</template>
<script>
import TestTest from './TestTest.vue';
export default {
methods: {
doTest(){
alert("请编写需要执行的代码")
}
}
}
</script>