问题:请求到后台数据 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()
- 扩展运算符
参考文章:
