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

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

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

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

因?yàn)槁酚芍衏reated和mounted默認(rèn)會(huì)進(jìn)行緩存的，除非在router.js中配置：keepAlive: false；

這樣是把這個(gè)頁(yè)面的路由緩存給關(guān)閉了；true為開(kāi)啟，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)入頁(yè)面執(zhí)行一次

vue created、mounted等方法整理

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

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

? ? },

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

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

? },
? watch: { ? //監(jiān)聽(tīng)值變化：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)聽(tīng)方法 ?click事件等，執(zhí)行drawFeatures方法
? ? ? ?drawFeatures:function(drawType){}
}

總結(jié)

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

相關(guān)文章

最新評(píng)論