商城项目-取消过滤项

2020-02-11 13:58:19 浏览数 (1)

6.取消过滤项

我们能够看到,每个过滤项后面都有一个小叉,当点击后,应该取消对应条件的过滤。

思路非常简单:

  • 给小叉绑定点击事件
  • 点击后把过滤项从search.filter中移除,页面会自动刷新,OK

绑定点击事件:

绑定点击事件时,把k传递过去,方便删除

删除过滤项

代码语言:javascript复制
removeFilter(k){
    this.search.filter[k] = null;
}

0 人点赞