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>

相关推荐
GISer_Jing1 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路3 小时前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化
AGMTI3 小时前
webSock动态注册消息回调函数功能实现
开发语言·前端·javascript
码界奇点3 小时前
基于SpringBoot+Vue的前后端分离外卖点单系统设计与实现
vue.js·spring boot·后端·spring·毕业设计·源代码管理
不会Android的潘潘3 小时前
受限系统环境下的 WebView 能力演进:车载平台 Web 渲染异常的根因分析与优化实践
android·java·前端·aosp
建军啊3 小时前
java web常见lou洞
android·java·前端
阳无3 小时前
宝塔部署的前后端项目从IP访问改成自定义域名访问
java·前端·部署
Galloping-Vijay3 小时前
解决 WSL2 + Windows Hosts + 开启 VPN 后无法访问本地 Web 服务的问题
前端·windows
不吃香菜的猪3 小时前
使用@vue-office/pdf时,pdf展示不全
javascript·vue.js·pdf
wuhen_n4 小时前
TypeScript的对象类型:interface vs type
前端·javascript·typescript