问题:请求到后台数据 echarts组件没有更新
解决方案:
每次更新后台数据的时候需要监听数据的变化,这样才可以让echarts重新渲染数据。
方式一:
getUserNumberData() {
userNumData().then(res=>{
//let userNumberObj = { ...this.userNumberData };
//日期
this.userNumberData.xAxis[0].data = res.value.currentDay;
//注册用户
this.userNumberData.series[0].data = res.value.newUserCount;
//日活跃量
this.userNumberData.series[1].data = res.value.dayActiveCount;
//重新赋值
this.userNumberData = JSON.parse(JSON.stringify(this.userNumberData));
})
}
方式二:
getUserNumberData() {
userNumData().then(res=>{
let userNumberObj = { ...this.userNumberData };
//日期
userNumberObj.xAxis[0].data = res.value.currentDay;
//注册用户
userNumberObj.series[0].data = res.value.newUserCount;
//日活跃量
userNumberObj.series[1].data = res.value.dayActiveCount;
//重新赋值
this.userNumberData = userNumberObj;
})
}
知识点:
- JSON.parse()
- JSON.stringify()
- 扩展运算符
参考文章: