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>

相关推荐
Tkto3 分钟前
我用 WebGL 从「画个点」一路画到「贪吃蛇」
前端
xiaobaoyu9 分钟前
前端代码常用规范
前端
xiaobaoyu18 分钟前
img,word,excel,pdf文件在线预览
前端
lichenyang45319 分钟前
从 H5 到 HarmonyOS:我做了一个 npm + OHPM 双端发布的 ArkWeb JSBridge 框架
前端
用户842981424181019 分钟前
AI时代,JS混淆加密还有用吗?
前端·javascript
xiaobaoyu23 分钟前
如何理解前端项目中的绝对路径和相对路径
前端
xiaobaoyu27 分钟前
vue3+vite+vant4项目实战总结
前端
咖啡星人k40 分钟前
【无标题】
前端·ai·github
用户831348593069843 分钟前
Cesium 实现行政区内部遮罩
vue.js·webgl·cesium
颜进强1 小时前
LangChain 从入门到实践:用最小案例理解 RAG 的 5 个核心抽象
前端·后端·ai编程