vue 在实现关键字远程搜索时出现数据不准确的原因
实现通过输入关键字查询项目,
页面搜索规则框部分
js部分
之前通过在data中定义一个变量,然后在methods中filterFn方法获取当时输入的值去后台请求数据,然后把请求的数据存放在state状态中,再在页面中通过getter请求数据,把请求的数据赋值给data中定义的变量。
结果发现查询出的数据不准确,页面中请求的数据往往是上一次的数据,数据失去了真实性,打印日志发现页面中数据请求比mutations中修改state的状态值先运行,也就是mutations中还没有修改数据,但是页面中请求已经完成。
解决方法:
在方法中filterFn()只管传递关键字,不去请求数据,在computed中去计算数据,截图如下