分类：数据更新

2020
10-09

vue数据更新UI不刷新显示的解决办法

vue比较常见的坑就是数据（后台返回）更新了，但是UI界面并没有更新，常见于以下情况：一、数据为数组时1.通过数组索引修改数组元素例如：此时UI数据并不会刷新2.修改数组长度时：解决方案：如果data为JSON数组则如下：第一个参数为要更新数据的数组，第二个参数为要更新的数组中具体的元素下标，第三个参数为新数据备注:数组原型上的方法vue可直接检测到变化：push(),pop(),shift(),unshift(),splice(),sort()二、数据为对象时:Vu... 继续阅读 >

2020
10-08

解决echarts echarts数据动态更新和dataZoom被重置问题

1.全局绑定滚轮事件，获得dataZoom最新的位置：myChart.on('dataZoom',function(event){if(event.batch){start=event.batch[0].start;end=event.batch[0].end;}else{start=event.start;end=event.end;};});2.把最新的start和end赋值给要更新的optionwindow.setInterval(function(){num=Math.random()*num+100;data0.splice(0,1);data0.push(num);option.dataZoom[0].start=start;option.dataZoom[0]... 继续阅读 >

2020
10-08

解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)

1.问题描述：在echarts弹框中嵌入echarts，在页面数据改变时，echarts视图不更新；2.解决办法：数据更新时以为drawLine()函数在updated()里面执行（这种情况之前碰到过），后来发现热更新之后视图更新了，所以跟周期函数没有关系；参考了一下网上的一些资料，发现可以用vue中的watch()函数来监听数据的更新，一旦数据更新了，那么就在watch()函数中调用drawLine()函数，发现视图更新了，完美解决。补充知识：vueechartsline动态... 继续阅读 >

2020
09-30

详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结

如果你发现你自己需要在Vue中做一次强制更新，99.9%的情况，是你在某个地方做错了事。1.Vue无法检测实例被创建时不存在于data中的property原因：由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才能让Vue将它转换为响应式的。场景：varvm=newVue({data:{},//页面不会变化template:'<div>{{message}}</div>'})vm.message='Hello!'//`vm.message`不是... 继续阅读 >