vue 路由子組件created和mounted不起作用的解決方法
更新時(shí)間：2019年11月05日 15:19:55 作者：洋洋灑灑做開發(fā)
今天小編就為大家分享一篇vue 路由子組件created和mounted不起作用的解決方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
判斷項(xiàng)目是否啟用keep-alive
啟用
使用exclude排除組件(我沒有成功不知道為什么)
<keep-alive exclude="needExcludeComponentName"> <router-view></router-view> </keep-alive>
使用v-if判斷(成功解決)
<keep-alive v-if="!$route.meta.noKeepAlive"> <router-view></router-view> </keep-alive> <router-view v-if="$route.meta.noKeepAlive"></router-view>
可以看到，我是通過meta里面的屬性來判斷，決定只用哪種router-view的，屬性名稱可以隨便取，因?yàn)槲疫@里是成形項(xiàng)目,路由比較多，原本也沒有這個(gè)屬性，所以加了一個(gè)noKeepAlive來判斷
未啟用
代碼寫錯(cuò)了，建議去看官方文檔（生命周期），其中有對生命周期的講解
以上這篇vue 路由子組件created和mounted不起作用的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue?echarts實(shí)例項(xiàng)目商家銷量統(tǒng)計(jì)圖實(shí)現(xiàn)詳解
Echarts，它是一個(gè)與框架無關(guān)的?JS?圖表庫，但是它基于Js，這樣很多框架都能使用它，例如Vue，估計(jì)IONIC也能用，因?yàn)槲业牧?xí)慣，每次新嘗試做一個(gè)功能的時(shí)候，總要新創(chuàng)建個(gè)小項(xiàng)目，做做Demo2022-09-09
這篇文章主要介紹了Vue 進(jìn)階之路，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了vue-gird-layout組件封裝示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
在Vue中，computed屬性是一種計(jì)算屬性，它的值是根據(jù)其他數(shù)據(jù)的值動(dòng)態(tài)計(jì)算出來的，下面小編主要來和大家聊聊Vue 3的組合式API中如何使用computed屬性，感興趣的小伙伴快跟隨小編一起了解一下吧2023-06-06
這篇文章主要給大家介紹了關(guān)于vue瀏覽器返回監(jiān)聽的具體步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
淺談Vue.js 1.x 和 2.x 實(shí)例的生命周期
下面小編就為大家?guī)硪黄獪\談Vue.js 1.x 和 2.x 實(shí)例的生命周期。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
本篇文章主要介紹了vue-router：嵌套路由的使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
在這里就不過多說watch的用法了，這篇文章主要通過案例帶大家了解一下如何清除過期的副作用。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2023-01-01
vue-cli是一個(gè)官方發(fā)布vue.js項(xiàng)目腳手架,使用vue-cli可以快速創(chuàng)建vue項(xiàng)目。本文介紹了vue-cli4.5.x快速搭建項(xiàng)目，感興趣的可以了解一下2021-05-05
這篇文章主要介紹了Vue-cropper 圖片裁剪的基本原理及思路講解，本文圖文并茂給大家介紹的非常詳細(xì),需要的朋友可以參考下2018-04-04