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>

相关推荐
weixin_431600449 分钟前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
kyriewen27 分钟前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
IT_陈寒1 小时前
JavaScript类型转换把我坑惨了,这破玩意真该早点搞明白
前端·人工智能·后端
用户938515635071 小时前
Type vs Interface:读完这篇就没有面试官能难倒你了
前端·面试·typescript
油丶酸萝卜别吃2 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery
windliang2 小时前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试
柒和远方3 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript
半个落月3 小时前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
阿黎梨梨3 小时前
TypeScript 类型编程:从新手到 Harness 工程实践
前端
黄金决明子3 小时前
Vue3 + Vite 打包后打开空白?
前端