vue filterBy

Question

1.代码里面v-for="childModel in model.children | filterBy customFilter" customFilter为搜索查询的数据 但是页面显示不准确 这是为啥 结果如果下图
2.数据结构是树形

Answer 1

filterBy 过滤器只能对列表进行筛选而不能对树进行筛选，要筛选树状结构你需要自己实现筛选方法。

Answer 2

vue什么版本？vue 2.0 删除了filterBy

Answer 3

• 如果你说的是页面显示的问题的话，你首先应该查看经过了过滤器以后返回的列表值。因为正常情况下，过滤器只是对数据的一次筛选作用，返回的结果被给到v-for进行渲染。由于数据的绑定，所以在VueJS里数据显示异常就是数据的异常。

• 首先，在customFilter里使用console.log()输出点东西，看一下是否过滤方法正常运行

• 对于v-for的过滤器用法为| filterBy 'electronics' in 'category' 'name'，参见https://segmentfault.com/a/11...，请确认是否使用正确