vuex更新缓存不渲染的问题

大坑一: vuex的大坑一State不会根据 数组下标更新

我本来是直接给数组state_data【0】 【1】 赋值
但是第一次渲染有 刷新后数据消失
于是改成如下

let tempStateCount=new Array();
        tempStateCount[0]=successCount;
        tempStateCount[1]=failCount;
        //tempStateCount[2]=pendingCount;
        state.state_data=tempStateCount;

然后 画line的时候又遇到大坑了

我都这样写了 还是不行

const mutations={

    setLatest24hJob(state,db){
        // 设置最近24小时的label
      const currentHour = moment().minutes(0).seconds(0);
      const success = {}
      const fail = {}
      const labels=[]

       for (var i=23;i>=0;i--) {
        const k = moment(currentHour).subtract(i, 'hour').format(FORMAT)
        labels.push(k)
        success[k]=0
        fail[k]=0
      }


       for (var i=0;i<db.length;i++) {
        if(db[i]['status']==0)
            success[moment.unix(db[i]['ended']).minutes(0).seconds(0).format(FORMAT)]++; 
        else if(db[i]['status']==1)
            fail[moment.unix(db[i]['ended']).minutes(0).seconds(0).format(FORMAT)]++; 
       }


       state.success=success;
       state.fail=fail;
       state.labels=labels;


    }

};

然后发现了神器 vuex-along 插件
https://github.com/boenfu/vuex-along

在store的index.js里面加入 就能够缓存数据了

具体这里为什么 明天问大神

猜你喜欢

转载自blog.csdn.net/weixin_36869329/article/details/82152265
今日推荐