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

發布時間：2020-10-23 20:26:30 來源：腳本之家閱讀：428 作者：洋洋灑灑做開發欄目：web開發

判斷項目是否啟用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不起作用的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本