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