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>

相关推荐
空中海11 分钟前
第七章:vue工程化与构建工具
前端·javascript·vue.js
zhensherlock31 分钟前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
zhuà!34 分钟前
element的el-form提交校验没反应问题
前端·elementui
龙猫里的小梅啊1 小时前
CSS(一)CSS基础语法与样式引入
前端·css
小码哥_常1 小时前
从0到1,开启Android音视频开发之旅
前端
渔舟小调1 小时前
P19 | 前端加密通信层 pikachuNetwork.js 完整实现
开发语言·前端·javascript
qq_12084093711 小时前
Three.js 工程向:Draw Call 预算治理与渲染批处理实践
前端·javascript
旷世奇才李先生3 小时前
Vue3\+Vite\+Pinia实战:企业级后台管理系统完整实现(附源码)
vue.js
不会聊天真君6474 小时前
JavaScript基础语法(Web前端开发笔记第三期)
前端·javascript·笔记