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

vue

实现通过输入关键字查询项目,

页面搜索规则框部分

js部分

之前通过在data中定义一个变量,然后在methods中filterFn方法获取当时输入的值去后台请求数据,然后把请求的数据存放在state状态中,再在页面中通过getter请求数据,把请求的数据赋值给data中定义的变量。

结果发现查询出的数据不准确,页面中请求的数据往往是上一次的数据,数据失去了真实性,打印日志发现页面中数据请求比mutations中修改state的状态值先运行,也就是mutations中还没有修改数据,但是页面中请求已经完成。

解决方法:

在方法中filterFn()只管传递关键字,不去请求数据,在computed中去计算数据,截图如下




来自为知笔记(Wiz)



以上是 vue 在实现关键字远程搜索时出现数据不准确的原因 的全部内容, 来源链接: utcz.com/z/379437.html

回到顶部