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