前言:
在网上看了很多方法有说location.reload方法刷新的,也有说用自定义*this.reload()*的方法的,但是都不是根本解决问题,后来问了大佬,大佬说只是因为我不了解数据驱动,数据更新只需要在方法里把数据赋值之前先置空,然后在监听里面监听并重新获取数据就可以(也就是在监听里面触发条件后再调一遍方法)
需求:
当路由或者地址参数变化后需要更新数据
问题场景:
当路由或者地址参数变化后需要更新数据,通过监听的方法监听地址或参数变化后重新获取数据,新的数据更新上去了,但是旧的数据也还在。
问题产生的原因:
因为我这里用了push给列表数组赋值数据,但是没有对列表数据在方法里置空,所以获取到新数据依旧是push在旧数据的下面
解决办法:
给列表数据在push之前置空,然后加一个监听。这样就不需要加刷新啥的。
就很傻,因为自己没有在push之前置空。
这是我的监听,监听路由参数的变化,ide是我的参数,参数变化就会再加载一遍获取数据的方法。
如果觉得《vue3 监听页面地址参数的变化并更新/刷新数据(局部 整体)(遇到数据不刷新)》对你有帮助,请点赞、收藏,并留下你的观点哦!