vue activated在子組件中的使用詳情
更新時間：2021年11月11日 11:09:11 作者：xiaofanku
這篇文章主要介紹了vue activated在子組件中的使用，文章圍繞vue activated的xingu你資料講解展開內(nèi)容并附上具體代碼,需要的朋友可以參考一下
頁面:base：
<template>
<div class="tab-container">
<h1 style="text-align: center">
申請{{ 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>
有五個tab-pane, 其中三個子組件中有activated方法。這三個子組件中都有連接跳轉(zhuǎn)到person, 當(dāng)在person中進(jìn)行：this.$router.go(-1)
// 取消,關(guān)閉返回
cancelSubmit() {
// 調(diào)用全局掛載的方法，關(guān)閉當(dāng)前頁
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
這時三個子組件的activated方法都會執(zhí)行嗎？如何只讓跳轉(zhuǎn)到person中的哪個子組件的activated方法執(zhí)行,其它兩個不執(zhí)行activated方法
到此這篇關(guān)于vue activated在子組件中的使用詳情的文章就介紹到這了,更多相關(guān)vue activated在子組件中的使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了vue原生方法自定義右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了淺談Vue 自動化部署打包上線，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Vue路由跳轉(zhuǎn)方式區(qū)別匯總（push，replace，go）
vue項目中點擊router-link標(biāo)簽鏈接都屬于聲明式導(dǎo)航。vue項目中編程式導(dǎo)航有this.$router.push(),this.$router.replace(),this.$router.go()???????。這篇文章主要介紹了Vue路由跳轉(zhuǎn)方式區(qū)別匯總（push，replace，go）2022-12-12
在 2.6.0 中，我們?yōu)榫呙宀酆妥饔糜虿宀垡肓艘粋€新的統(tǒng)一的語法 (即 v-slot 指令)。這篇文章主要介紹了詳解vue2.6插槽更新v-slot用法總結(jié)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-03-03
這篇文章主要為大家詳細(xì)介紹了如何使用vue實現(xiàn)關(guān)鍵字高亮效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11
今天小編就為大家分享一篇vue解決一個方法同時發(fā)送多個請求的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細(xì)介紹了vue3實現(xiàn)移動端滑動模塊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
vue-cli構(gòu)建的項目如何手動添加eslint配置
這篇文章主要介紹了vue-cli構(gòu)建的項目如何手動添加eslint配置，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue循環(huán)中多個input綁定指定v-model實例
這篇文章主要介紹了Vue循環(huán)中多個input綁定指定v-model實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要為大家介紹了vue?LogicFlow更多配置選項詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01