您好,登錄后才能下訂單哦!
這篇文章主要介紹“vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行如何解決”,在日常操作中,相信很多人在vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行如何解決問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對(duì)大家解答”vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行如何解決”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
因?yàn)槁酚芍衏reated和mounted默認(rèn)會(huì)進(jìn)行緩存的,除非在router.js中配置:keepAlive: false;
這樣是把這個(gè)頁面的路由緩存給關(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í)行一次
created
:html加載完成之前,執(zhí)行。執(zhí)行順序:父組件-子組件
mounted
:html加載完成后執(zhí)行。執(zhí)行順序:子組件-父組件
methods
:事件方法執(zhí)行
watch
:watch是去監(jiān)聽一個(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:{ //接收父組件傳遞過來的參數(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){} }
到此,關(guān)于“vue路由第二次進(jìn)入頁面created和mounted不執(zhí)行如何解決”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請繼續(xù)關(guān)注億速云網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。