失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue3 监听页面地址参数的变化并更新/刷新数据(局部 整体)(遇到数据不刷新)

vue3 监听页面地址参数的变化并更新/刷新数据(局部 整体)(遇到数据不刷新)

时间:2019-02-23 18:51:27

相关推荐

vue3 监听页面地址参数的变化并更新/刷新数据(局部 整体)(遇到数据不刷新)

前言:

在网上看了很多方法有说location.reload方法刷新的,也有说用自定义*this.reload()*的方法的,但是都不是根本解决问题,后来问了大佬,大佬说只是因为我不了解数据驱动,数据更新只需要在方法里把数据赋值之前先置空,然后在监听里面监听并重新获取数据就可以(也就是在监听里面触发条件后再调一遍方法)

需求:

当路由或者地址参数变化后需要更新数据

问题场景:

当路由或者地址参数变化后需要更新数据,通过监听的方法监听地址或参数变化后重新获取数据,新的数据更新上去了,但是旧的数据也还在。

问题产生的原因:

因为我这里用了push给列表数组赋值数据,但是没有对列表数据在方法里置空,所以获取到新数据依旧是push在旧数据的下面

解决办法:

给列表数据在push之前置空,然后加一个监听。这样就不需要加刷新啥的。

就很傻,因为自己没有在push之前置空。

这是我的监听,监听路由参数的变化,ide是我的参数,参数变化就会再加载一遍获取数据的方法。

如果觉得《vue3 监听页面地址参数的变化并更新/刷新数据(局部 整体)(遇到数据不刷新)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。