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>

相关推荐
远山无期6 小时前
解决Tailwind任意值滥用:规范化CSS开发体验
前端·css·eslint
用户54277848515406 小时前
Vue 3 中开发高阶组件(HOC)与 Renderless 组件
前端
幼儿园老大7 小时前
告别代码屎山!UniApp + Vue3 自动化规范:ESLint 9+ 扁平化配置全指南
javascript·vue.js
HIT_Weston7 小时前
67、【Ubuntu】【Hugo】搭建私人博客(一)
前端·ubuntu·hugo
阿里巴啦7 小时前
用React+Three.js 做 3D Web版搭建三维交互场景:模型的可视化摆放与轻量交互
前端·react·three.js·模型可视化·web三维·web三维交互场景
daols887 小时前
vue 甘特图 vxe-gantt table 连接线的用法详解
vue.js·甘特图·vxe-table
Liu.7747 小时前
vue3组件之间传输数据
前端·javascript·vue.js
|晴 天|7 小时前
前端闭包:从概念到实战,解锁JavaScript高级技能
开发语言·前端·javascript
开发者小天7 小时前
react的拖拽组件库dnd-kit
前端·react.js·前端框架
用户4445543654267 小时前
在Android开发中阅读源码的指导思路
前端