vue activated在子組件中的使用詳情
頁面: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
中進行: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)文章
vue 驗證碼界面實現(xiàn)點擊后標灰并設(shè)置div按鈕不可點擊狀態(tài)
今天小編就為大家分享一篇vue 驗證碼界面實現(xiàn)點擊后標灰并設(shè)置div按鈕不可點擊狀態(tài),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10vscode配置vue下的es6規(guī)范自動格式化詳解
這篇文章主要介紹了vscode配置vue下的es6規(guī)范自動格式化詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03vue中PC端使用高德地圖實現(xiàn)搜索定位、地址標記、彈窗顯示定位詳情(完整實例)
這篇文章主要介紹了vue中PC端使用高德地圖實現(xiàn)搜索定位、地址標記、彈窗顯示定位詳情,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07ElementUI的this.$notify.close()調(diào)用不起作用的解決
本文主要介紹了ElementUI的this.$notify.close()調(diào)用不起作用的解決,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-08-08使用vue3+vite導(dǎo)入圖片路徑錯亂問題排查及解決
使用vue3+vite開發(fā)的時候,導(dǎo)入svg圖片時,同一個文件夾下的文件,其中一個路徑正常解析,另一個不行,更改文件名之后,該圖片文件就可以正常解析了,本文給大家介紹了使用vue3+vite導(dǎo)入圖片路徑錯亂問題排查及解決,需要的朋友可以參考下2024-03-03