国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue-cli監聽組件加載完成的方法

2019-11-19 13:00:20
字體:
來源:轉載
供稿:網友

在使用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監聽組件加載完成的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 元阳县| 沭阳县| 上虞市| 玛曲县| 清丰县| 肥城市| 徐州市| 新营市| 柳江县| 德令哈市| 孟村| 泸州市| 泸州市| 额尔古纳市| 门源| 奉贤区| 莱西市| 保定市| 祁东县| 思南县| 潍坊市| 甘洛县| 阜平县| 浦北县| 遂宁市| 江油市| 松桃| 黄平县| 黄山市| 赣榆县| 阜城县| 常山县| 清苑县| 丰镇市| 磴口县| 萝北县| 琼中| 西丰县| 新河县| 武乡县| 紫云|