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>

相关推荐
ssshooter3 小时前
AI 时代你不能不知道的 git worktree
前端·后端·面试
观测云3 小时前
AI时代的用户访问监测:观测云带你身临其境体验用户与前端UI交互旅程
前端·可观测性·观测云·rum
喵本喵叁肆3 小时前
06-M6-部门过滤与综合研判-从问答机到研判助手
前端·javascript·jquery
卤蛋fg64 小时前
vue表格组件 vxe-table 鼠标滑动表头选择整列与选择整行的配置详解
vue.js
TomEval4 小时前
【Web UI 自动化】05 - KDT 模式原理与实现
前端·ui·自动化
南雨北斗4 小时前
vue3项目状态持久化方案Pinia
前端
计算机魔术师4 小时前
Uber 工程师不动手,Agent 接管了 70% 的代码 PR
前端
南雨北斗4 小时前
Vue3项目中使用Pinia代替TP6 session传递
前端
律宏阔4 小时前
Electron 打包 CloakBrowser:解决客户电脑缺少浏览器二进制的问题
前端