亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于vue中使用mixins進行異步代碼合并問題?

關于vue中使用mixins進行異步代碼合并問題?

冉冉說 2019-03-05 16:46:04
現在有個需求,很多頁面組件需要用到以下代碼export default {  async created() {    console.log('created');    if (!store.state.memberCenterData) {      await store.dispatch('getMemberCenterAction');      console.log('getMemberCenterAction');    }  },};于是我通過mixin混合到了頁面組件A  async created() {    console.log('memberData');    this.memberData = this.$store.state.memberCenterData.result.info;    this.$nextTick(() => {      this.wrapHeight = document.documentElement.clientHeight - this.$refs.list.$el.getBoundingClientRect().top ;    });  },執行結果為createdmemberDatagetMemberCenterAction我期望的是createdgetMemberCenterActionmemberData有什么辦法可以做到可以復用上面的代碼嗎?
查看完整描述

1 回答

?
陪伴而非守候

TA貢獻1757條經驗 獲得超8個贊

你不要mixins生命周期函數


export default {

  async mymethod() {

    console.log('created');

    if (!store.state.memberCenterData) {

      await store.dispatch('getMemberCenterAction');

      console.log('getMemberCenterAction');

    }

  },

};

async created() {

    await this.mymethod()


    this.$nextTick(() => {

      this.wrapHeight = document.documentElement.clientHeight - this.$refs.list.$el.getBoundingClientRect().top ;

    });

  },


查看完整回答
反對 回復 2019-03-07
  • 1 回答
  • 0 關注
  • 1116 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號