tdesign和vue的子組件關閉是父組件執(zhí)行方法
更新時間：2006年06月30日 00:00:00 作者：xiansibao
這篇文章主要介紹了tdesign和vue的子組件關閉是父組件執(zhí)行方法,需要的朋友可以參考下
在 <test-test> 組件中，定義一個事件來通知父組件關閉當前組件（或者是執(zhí)行完某個方法例如add或edit方法finally里面 this.$emit('close');通知父組件的close方法）
<template>
<t-button @click="closeComponent">關閉組件</t-button>
</template>
<script>
export default {
methods: {
closeComponent() {
this.$emit('close');
}
}
}
</script>在父組件中監(jiān)聽 <test-test> 組件觸發(fā)的 close 事件
<template>
<div>
<test-test @close="doTest" />//子組件通知后執(zhí)行的方法
</div>
</template>
<script>
import TestTest from './TestTest.vue';
export default {
methods: {
doTest（）{
alert("請編寫需要執(zhí)行的代碼")
}
}
}
</script>相關文章
本文主要介紹了Vue實現PC端分辨率自適應的示例代碼，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了vue中destroyed方法的使用說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要為大家詳細介紹了Vue.js實現文章評論和回復評論功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了vue?change阻止默認事件問題,使用事件 @click.stop.native.prevent 解決 (使用@click.stop 或者 @click.prevent都無效，直接報錯還阻止不了事件)，需要的朋友可以參考下2022-01-01
今天小編就為大家分享一篇vue 實現在函數中觸發(fā)路由跳轉的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了vue element 生成無線級左側菜單的實現代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了vue編寫一個可以快進后退的跑馬燈組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了Vue中的表單輸入綁定,雙向綁定方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
這篇文章主要介紹了基于vue2.0實現的級聯選擇器，基于Vue的級聯選擇器，可以單項，二級， 三級級聯，多級級聯，有興趣可以了解一下2017-06-06
下面小編就為大家分享一篇解決iView中時間控件選擇的時間總是少一天的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03