首页 > 其他 > 详细

vue 在实现关键字远程搜索时出现数据不准确的原因

时间:2020-11-08 17:00:30      阅读:55      评论:0      收藏:0      [点我收藏+]
实现通过输入关键字查询项目,
技术分享图片
页面搜索规则框部分
技术分享图片
js部分
技术分享图片
之前通过在data中定义一个变量,然后在methods中filterFn方法获取当时输入的值去后台请求数据,然后把请求的数据存放在state状态中,再在页面中通过getter请求数据,把请求的数据赋值给data中定义的变量。
结果发现查询出的数据不准确,页面中请求的数据往往是上一次的数据,数据失去了真实性,打印日志发现页面中数据请求比mutations中修改state的状态值先运行,也就是mutations中还没有修改数据,但是页面中请求已经完成。
解决方法:
在方法中filterFn()只管传递关键字,不去请求数据,在computed中去计算数据,截图如下
技术分享图片





vue 在实现关键字远程搜索时出现数据不准确的原因

原文:https://www.cnblogs.com/baiyifengyun/p/13944028.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!