vue filterBy

发布于
2017-07-07

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

vue.js filter

阅读 6.6k

3 个回答

得票最新

boxsnake

6.8k21249

发布于
2017-07-08

如果你说的是页面显示的问题的话，你首先应该查看经过了过滤器以后返回的列表值。因为正常情况下，过滤器只是对数据的一次筛选作用，返回的结果被给到v-for进行渲染。由于数据的绑定，所以在VueJS里数据显示异常就是数据的异常。
首先，在customFilter里使用console.log()输出点东西，看一下是否过滤方法正常运行
对于v-for的过滤器用法为| filterBy 'electronics' in 'category' 'name'，参见https://segmentfault.com/a/11...，请确认是否使用正确

查看全部 3 个回答

推荐问题

不同页面之间可以通过localstorage保存响应式吗？
A页面选择一些选项，B页面上有一个下拉框，下拉框的内容和A页面上选中的内容同步，这该怎么做？这可以通过vue的响应式来实现吗？
6 回答2.8k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？
6 回答2.1k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。
5 回答6.2k 阅读✓ 已解决
相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？
可以通过下面的链接查看问题，template里面的html与v-html是一样的代码，但是表现差异巨大DEMO
2 回答1.9k 阅读✓ 已解决
vite项目如何导入.pem公钥更规范？
vue3+vite的前端项目，需要使用公钥加密提交的参数，目前.pem文件存放在publicDir，通过fetch()读取.pem的值，感觉有点怪怪的。请问有没有更好的导入方式。
2 回答1.4k 阅读✓ 已解决
使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?
线上打开pdf：pdf文件请求返回<html><body></body></html>预览效果如下:而本地效果如下:pdf文件返回正常:使用的chrome的模拟机型均为iphoneX，请问有大佬遇到过这种问题吗
4 回答2.5k 阅读
移动端切换路由后返回，视频启动播放会严重滞后，好怪？
路由a和路由b，其中路由a有一个视频。● 从路由a进入路由b，再返回路由a，调用视频play方法，视频会缓冲状态一会，才会播放。● 从路由a进入路由b，刷新b路由，再返回路由a，调用视频play方法，视频会立即播放。● 在b路由中刷新，调用视频play方法，视频会立即播放。
2 回答903 阅读✓ 已解决

vue filterBy

不同页面之间可以通过localstorage保存响应式吗？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？

vite项目如何导入.pem公钥更规范？

使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?

移动端切换路由后返回，视频启动播放会严重滞后，好怪？