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

本文介绍了在Vue中如何处理时间日期选择器数据变化时的监听问题,由于@change事件不生效,作者采用了v-if结合data中的hackReset变量以及watch深度监听数组变化的方法。通过在watch中使用this.$nextTick()确保DOM更新后重新绘制轨迹。作者强调了解决问题时的冷静分析和总结,提醒开发者遇到难题时要避免盲目寻找解决方案,而是要深入理解并尝试。
摘要由CSDN通过智能技术生成

一.问题描述

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

二.解决方法

第一步:加上v-if

data里面hackReset设为true

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

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

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

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

 

 

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

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

祝大家学习顺利~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值