欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue 路由子組件created和mounted不起作用的解決方法

 更新時間:2019年11月05日 15:19:55   作者:洋洋灑灑做開發(fā)  
今天小編就為大家分享一篇vue 路由子組件created和mounted不起作用的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

判斷項目是否啟用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的,屬性名稱可以隨便取,因為我這里是成形項目,路由比較多,原本也沒有這個屬性,所以加了一個noKeepAlive來判斷

未啟用

代碼寫錯了,建議去看官方文檔(生命周期),其中有對生命周期的講解

以上這篇vue 路由子組件created和mounted不起作用的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue.js組件間的循環(huán)引用方法示例

    Vue.js組件間的循環(huán)引用方法示例

    組件(Component)是 Vue.js 最強(qiáng)大的功能之一。 組件可以擴(kuò)展 HTML 元素,封裝可重用的代碼。下面這篇文章主要給大家介紹了關(guān)于Vue.js組件間循環(huán)引用的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下。
    2017-12-12
  • vue主動刷新頁面及列表數(shù)據(jù)刪除后的刷新實例

    vue主動刷新頁面及列表數(shù)據(jù)刪除后的刷新實例

    今天小編就為大家分享一篇vue主動刷新頁面及列表數(shù)據(jù)刪除后的刷新實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • vue做移動端適配最佳解決方案(親測有效)

    vue做移動端適配最佳解決方案(親測有效)

    這篇文章主要介紹了vue做移動端適配最佳解決方案(親測有效),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • vue中給el-radio添加tooltip并實現(xiàn)點擊跳轉(zhuǎn)方式

    vue中給el-radio添加tooltip并實現(xiàn)點擊跳轉(zhuǎn)方式

    這篇文章主要介紹了vue中給el-radio添加tooltip并實現(xiàn)點擊跳轉(zhuǎn)方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • vue混入mixin的介紹及理解

    vue混入mixin的介紹及理解

    混入(mixin)提供了一種非常靈活的方式,來分發(fā)vue組件中的可復(fù)用功能。一個混入對象可以包含任意組件選項。當(dāng)組件使用混入對象時,所有混入對象的選項將被“混合”進(jìn)入該組件本身的選項
    2022-08-08
  • element-ui 中使用upload多文件上傳只請求一次接口

    element-ui 中使用upload多文件上傳只請求一次接口

    這篇文章主要介紹了element-ui 中使用upload多文件上傳只請求一次接口,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • vue cli構(gòu)建的項目中請求代理與項目打包問題

    vue cli構(gòu)建的項目中請求代理與項目打包問題

    這篇文章主要介紹了vue cli構(gòu)建的項目中請求代理與項目打包問題,需要的朋友可以參考下
    2018-02-02
  • Vue CL3 配置路徑別名詳解

    Vue CL3 配置路徑別名詳解

    這篇文章主要介紹了Vue CL3 配置路徑別名詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • 使用Vue-router二級路由跳轉(zhuǎn)另一條路由下的子級

    使用Vue-router二級路由跳轉(zhuǎn)另一條路由下的子級

    這篇文章主要介紹了使用Vue-router二級路由跳轉(zhuǎn)另一條路由下的子級問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • Vue中使用vee-validate表單驗證的方法

    Vue中使用vee-validate表單驗證的方法

    vee validate 一個輕量級的 vue表單驗證插件。接下來通過本文給大家分享Vue中使用vee-validate表單驗證的方法,需要的朋友參考下吧
    2018-05-05

最新評論