html - 链接过滤器 Vue.js
问题描述
基本上我想链接过滤器。
搜索过滤
器 具有预定义值的复选框样式的价格过滤器,例如 < 10$ ,$20 -$50, $50+
用于选择“主题”的复选框样式的过滤器
选择样式的排序过滤器“升序、降序、最高和最低价格”
我制作了一个有效的搜索过滤器,但我无法让所有过滤器一起工作。
我将感激我得到的任何帮助。:)
提前致谢。
JS
filteredSearch() {
return this.products.filter(p => p.topic.toLowerCase().match(this.search.toLowerCase()));
}
HTML
<div class="block" v-for="product in filteredSearch">
解决方案
根据我们在评论中关于链接过滤器调用的讨论,这里是您如何做到这一点的一个示例。
filterSearch() {
return this.products
.filter(product => product.topic.toLowerCase().match(this.search.toLowerCase()))
.filter(product => product.price < checkbox.Value)
}
推荐阅读
- excel - 另一个工作表中的公式如何自动检测 Excel 中的新行?
- sql - SQL 中的变量 -> 错误 PLS-00103:遇到符号“SELECT”
- c# - 我怎样才能在 c#( 压缩代码) 中正确地做到这一点
- java - 如何在谷歌登录中更改电子邮件
- php - 已达到“512”的最大函数嵌套级别,正在中止
- opencv - 在 OpenCV.js 中旋转时图像自动裁剪
- c - 两种不同类型的结构 - 需要动态地将一种传递给函数
- javascript - [Vue 警告]:找不到注入“select”(element-ui)
- ubuntu - 通过 SSH 别名访问 Ubuntu 服务器 - 权限被拒绝
- python - 金属火车有一个意想不到的关键字参数“n_epochs”