溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
使用vue-cli怎么監聽組件加載完成？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
1、安裝vuex
npm install vuex --save
2、在項目目錄下找到store.js文件
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
//監聽nav模塊加載完
const m_classifyone = {
state: {
count:0
},
mutations: {
increment (state) {
state.count++
}
}
}
const store = new Vuex.Store({
modules: {
a: m_classifyone,
b: m_classifyonepage,
c:currentpage
}
})
export default store;3、在子組件中
created(){
//數據請求完成后
this.$post(address.addr+controll.mallcontroll+'/getMallHome').then(message => {
//這里使用箭頭函數是為了不改變this指向
this.$store.commit('increment');
})
}4、通過store判斷子組件數據加載完成
mounted(){
//通過store判斷當前組件是否加載完成，加載完成執行頁面框架
var count = 0;
let countfn = function(count){
if(count>0){
//子組件加載完成清除計時器，調用方法
clearInterval(st)
pagef.pageFramefn();
}
}
let st = setInterval(e => {
count = this.$store.state.a.count;
countfn(count)
})
//通過store判斷當前組件是否加載完成，加載完成執行頁面框架
}看完上述內容，你們掌握使用vue-cli怎么監聽組件加載完成的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
