vue activated在子組件中的使用詳情
頁(yè)面:base：
<template>
<div class="tab-container">
<h1 style="text-align: center">
申請(qǐng){{ form.category }}{{ form.companyType }}入駐
</h1>
<div class="form-panel" style="margin-left: 20px;text-align: right;">
<el-button type="info" @click="cancelSave">取消</el-button>
<el-button type="warning" @click="transientSave">暫存</el-button>
<el-button type="danger" @click="persistSave">保存</el-button>
</div>
<el-tabs v-model="activeName" style="margin-top: 15px" type="border-card" :before-leave="collectPaneFormData" @tab-click="initPaneData">
<el-tab-pane v-for="item in tabMapOptions" :key="item.key" :label="item.label" :name="item.key">
<keep-alive>
<tab-pane :is="item.key" :ref="item.key" :type="item.key" @create="showCreatedTimes" />
<!--<component :is="item.key" :ref="item.key" :type="item.key" @create="showCreatedTimes" />-->
</keep-alive>
</el-tab-pane>
</el-tabs>
</div>
</template>
有五個(gè)tab-pane, 其中三個(gè)子組件中有activated方法。這三個(gè)子組件中都有連接跳轉(zhuǎn)到person, 當(dāng)在person中進(jìn)行：this.$router.go(-1)
// 取消,關(guān)閉返回
cancelSubmit() {
// 調(diào)用全局掛載的方法，關(guān)閉當(dāng)前頁(yè)
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
這時(shí)三個(gè)子組件的activated方法都會(huì)執(zhí)行嗎？如何只讓跳轉(zhuǎn)到person中的哪個(gè)子組件的activated方法執(zhí)行,其它兩個(gè)不執(zhí)行activated方法
到此這篇關(guān)于vue activated在子組件中的使用詳情的文章就介紹到這了,更多相關(guān)vue activated在子組件中的使用內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue 驗(yàn)證碼界面實(shí)現(xiàn)點(diǎn)擊后標(biāo)灰并設(shè)置div按鈕不可點(diǎn)擊狀態(tài)
今天小編就為大家分享一篇vue 驗(yàn)證碼界面實(shí)現(xiàn)點(diǎn)擊后標(biāo)灰并設(shè)置div按鈕不可點(diǎn)擊狀態(tài)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
vscode配置vue下的es6規(guī)范自動(dòng)格式化詳解
這篇文章主要介紹了vscode配置vue下的es6規(guī)范自動(dòng)格式化詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案總結(jié)
最近在用VUE寫大屏頁(yè)面,遇到屏幕自適應(yīng)問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目的屏幕自適應(yīng)多個(gè)方案的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
vue中PC端使用高德地圖實(shí)現(xiàn)搜索定位、地址標(biāo)記、彈窗顯示定位詳情(完整實(shí)例)
這篇文章主要介紹了vue中PC端使用高德地圖實(shí)現(xiàn)搜索定位、地址標(biāo)記、彈窗顯示定位詳情,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
vue使用Google地圖的實(shí)現(xiàn)示例代碼
這篇文章主要介紹了vue使用Google地圖的實(shí)現(xiàn)示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
ElementUI的this.$notify.close()調(diào)用不起作用的解決
本文主要介紹了ElementUI的this.$notify.close()調(diào)用不起作用的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Vue中的基礎(chǔ)過(guò)渡動(dòng)畫及實(shí)現(xiàn)原理解析
這篇文章主要介紹了Vue中的基礎(chǔ)過(guò)渡動(dòng)畫原理解析,需要的朋友可以參考下2018-12-12
一篇帶你搞懂Vue項(xiàng)目里的權(quán)限控制
這篇文章主要為大家介紹了vue項(xiàng)目里的權(quán)限控制，文中有詳細(xì)的代碼示例供大家參考，有需要的朋友可以借鑒參考下，希望能夠有所幫助2023-06-06
這篇文章主要介紹了Vue手寫橫向輪播圖的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
使用vue3+vite導(dǎo)入圖片路徑錯(cuò)亂問(wèn)題排查及解決
使用vue3+vite開發(fā)的時(shí)候,導(dǎo)入svg圖片時(shí),同一個(gè)文件夾下的文件,其中一個(gè)路徑正常解析,另一個(gè)不行,更改文件名之后,該圖片文件就可以正常解析了,本文給大家介紹了使用vue3+vite導(dǎo)入圖片路徑錯(cuò)亂問(wèn)題排查及解決,需要的朋友可以參考下2024-03-03