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 scss后缀文件background-image路径错误的解决
这篇文章主要介绍了vue scss后缀文件background-image路径错误的解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
最近项目中多次用到了Popover弹出框,下面这篇文章主要给大家介绍了关于el-popover如何通过js手动控制弹出框显示、隐藏的相关资料,需要的朋友可以参考下2023-12-12
Vue的markdown解析库有很多，如markdown-it、vue-markdown-loader、marked、vue-markdown等，这篇文章主要介绍了Vue3解析markdown并实现代码高亮显示,需要的朋友可以参考下2022-07-07
这篇文章主要为大家介绍了vue修饰符v-model及.sync原理及使用区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
今天小编就为大家分享一篇vue h5移动端禁止缩放代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
vue2.x中h函数(createElement)与vue3中的h函数详解
h函数本质就是createElement(),h函数其实是createVNode的语法糖,返回的就是一个Js普通对象,下面这篇文章主要给大家介绍了关于vue2.x中h函数(createElement)与vue3中h函数的相关资料,需要的朋友可以参考下2022-12-12
在同一个Vue项目中的不同vue和HTML页面之间进行跳转方式
这篇文章主要介绍了在同一个Vue项目中的不同vue和HTML页面之间进行跳转方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了wepy--用vantUI 实现上弹列表并选择相应的值操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
解决vue中数据更新视图不更新问题this.$set()方法
这篇文章主要介绍了解决vue中数据更新视图不更新问题this.$set()方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要介绍了vue项目中loadsh库常用方法说明,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
最新评论