大坑一: 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里面加入 就能够缓存数据了
具体这里为什么 明天问大神