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>

相关推荐
weixin199701080162 分钟前
《电天下商品详情页前端性能优化实战》
前端·性能优化
速易达网络2 分钟前
vue+echarts开发的图书数字大屏系统
前端
小智社群11 分钟前
贝壳获取小区的名称
开发语言·前端·javascript
Ferries28 分钟前
《从前端到 Agent》系列|03:应用层-RAG(检索增强生成,Retrieval-Augmented Generation)
前端·人工智能·机器学习
菲利普马洛37 分钟前
记一次主题闪烁问题
前端·css·react.js
谁在黄金彼岸38 分钟前
nvm for windows之死:别再被这个“过时工具”耽误开发
前端
汉堡大王952739 分钟前
为了搞懂 Promise 源码,我重写了 MiniPromise
前端·javascript
llq_35040 分钟前
使用 devServer Proxy 本地开发 POST 请求跨域报错问题及解决方案
前端
孙凯亮42 分钟前
前端DICOM Viewer开发避坑指南:从入门到实战(含切片、3D、标注全解析)
前端
代码搬运媛42 分钟前
NestJS + TypeScript 全栈项目骨架实战
前端