vue百度地图-数据更新轨迹重新绘制问题

一.问题描述

要实现当数据变化时轨迹重新绘制,重新渲染,然而在vue时间日期选择器中没办法直接用@change监听数据变化,看网上说好像是因为版本不兼容。

二.解决方法

第一步:加上v-if

vue百度地图-数据更新轨迹重新绘制问题

data里面hackReset设为true

第二步:watch监听以及this.$nextTick()

vue百度地图-数据更新轨迹重新绘制问题

我的value1是一个数组,这里watch监听的是数组,如果是要监听对象的话要加上deep:true深度监听

关于watch监听 可以参考学习https://www.jianshu.com/p/5d113b2b10a4

关于this.$nextTick()   可以参考学习https://www.jianshu.com/p/a7550c0e164f

 

 

好啦!现在数据变化的时候就可以重新绘制啦

多给自己总结一句,被一个问题难住的时候不要像无头苍蝇一样,一下子开十几个网页找方法,要冷静一下,一个一个去理解为什么,脑袋瓜不清晰了就去睡一觉,真的超有用!经常难住我半天的问题,睡一觉起来一两个小时就解决了!!

祝大家学习顺利~