商城-搜索过滤-取消过滤项
- 6.取消过滤项
6.取消过滤项
我们能够看到,每个过滤项后面都有一个小叉,当点击后,应该取消对应条件的过滤。
思路非常简单:
- 给小叉绑定点击事件
- 点击后把过滤项从
中移除,页面会自动刷新,OKsearch.filter
绑定点击事件:
绑定点击事件时,把k传递过去,方便删除
删除过滤项
removeFilter(k){
this.search.filter[k] = null;
}
我们能够看到,每个过滤项后面都有一个小叉,当点击后,应该取消对应条件的过滤。
思路非常简单:
search.filter
中移除,页面会自动刷新,OK 绑定点击事件:
绑定点击事件时,把k传递过去,方便删除
删除过滤项
removeFilter(k){
this.search.filter[k] = null;
}