前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >商城项目-取消过滤项

商城项目-取消过滤项

作者头像
cwl_java
发布2020-02-11 13:58:19
3630
发布2020-02-11 13:58:19
举报
文章被收录于专栏:cwl_Java

6.取消过滤项

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

思路非常简单:

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

绑定点击事件:

在这里插入图片描述
在这里插入图片描述

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

删除过滤项

代码语言:javascript
复制
removeFilter(k){
    this.search.filter[k] = null;
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 6.取消过滤项
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档