tdesign和vue的子组件关闭是父组件执行方法
更新时间：2006年06月30日 00:00:00 作者：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>相关文章
本文主要介绍了Vue实现PC端分辨率自适应的示例代码，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了vue中destroyed方法的使用说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要为大家详细介绍了Vue.js实现文章评论和回复评论功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了vue change阻止默认事件问题,使用事件 @click.stop.native.prevent 解决 (使用@click.stop 或者 @click.prevent都无效，直接报错还阻止不了事件)，需要的朋友可以参考下2022-01-01
今天小编就为大家分享一篇vue 实现在函数中触发路由跳转的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了vue element 生成无线级左侧菜单的实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
这篇文章主要为大家详细介绍了vue编写一个可以快进后退的跑马灯组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了Vue中的表单输入绑定,双向绑定方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-03-03
这篇文章主要介绍了基于vue2.0实现的级联选择器，基于Vue的级联选择器，可以单项，二级， 三级级联，多级级联，有兴趣可以了解一下2017-06-06
下面小编就为大家分享一篇解决iView中时间控件选择的时间总是少一天的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
最新评论