亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行問題及解決

 更新時間：2022年12月06日 15:30:58   作者：她和海水一樣咸  
這篇文章主要介紹了vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行

因為路由中created和mounted默認(rèn)會進(jìn)行緩存的，除非在router.js中配置：keepAlive: false；

這樣是把這個頁面的路由緩存給關(guān)閉了；true為開啟，false為關(guān)閉；

meta: {
? keepAlive: false
},

還有一種辦法就是使用activated鉤子就可以了

1、將要處理的方法，放在activated函數(shù)中

總結(jié)

1、router-view路由跳轉(zhuǎn)使用keep-alive方式

2、created和mounted只執(zhí)行一次

3、使用activated鉤子，每次進(jìn)入頁面執(zhí)行一次

vue created、mounted等方法整理

  • created：html加載完成之前，執(zhí)行。執(zhí)行順序：父組件-子組件
  • mounted：html加載完成后執(zhí)行。執(zhí)行順序：子組件-父組件
  • methods：事件方法執(zhí)行
  • watch：watch是去監(jiān)聽一個值的變化，然后執(zhí)行相對應(yīng)的函數(shù)。
  • computed：computed是計算屬性，也就是依賴其它的屬性計算所得出最后的值
export default {
? ? ?name: "draw",
? ? ?data(){ ? ? ?// 定義變量source ? ? ? ?
? ? ? ?return {
? ? ? ? ?source:new ol.source.Vector({wrapX: false}),

? ? ? ?}
? ? ?},
? ? props:{ //接收父組件傳遞過來的參數(shù)
? ? ? map:{
? ? ? ? //type:String
? ? ? },

? ? },

mounted(){ ? //頁面初始化方法
? ? if (map==map){

? ? }
? ? var vector = new ol.layer.Vector({
? ? ? source: this.source
? ? });
? ? this.map.addLayer(vector);

? },
? watch: { ? //監(jiān)聽值變化：map值
? ? map:function () {
? ? ? console.log('3333'+this.map);
? ? ? //return this.map
? ? ? console.log('444444'+this.map);

? ? ? var vector = new ol.layer.Vector({
? ? ? ? source: this.source
? ? ? });
? ? ? this.map.addLayer(vector);
? ? }
? },
? methods:{ ? //監(jiān)聽方法 ?click事件等，執(zhí)行drawFeatures方法
? ? ? ?drawFeatures:function(drawType){}
}

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論