tdesign和vue的子组件关闭是父组件执行方法
作者：xiansibao
这篇文章主要介绍了tdesign和vue的子组件关闭是父组件执行方法,需要的朋友可以参考下
在 <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>