根据勾选的状态显示tags(面包屑)

最新推荐文章于 2023-07-13 18:10:48 发布

小阳生煎

最新推荐文章于 2023-07-13 18:10:48 发布

阅读量131

点赞数

分类专栏： # Vue2 文章标签： vue

本文链接：https://blog.csdn.net/m0_53912016/article/details/120504352

版权

Vue2 专栏收录该内容

110 篇文章 4 订阅

订阅专栏

这篇博客详细介绍了如何在Vue.js应用中根据单选或多选框的状态来动态显示tags标签。内容包括点击重置按钮清除所有勾选状态，以及点击tag删除对应标签的功能实现。此外，还提供了完整的代码示例，展示了如何结合elem组件完成这一交互过程。

摘要由CSDN通过智能技术生成

    1 这个出现勾选的状态是根据单(多)选框定义
    2 才可以出现tags的标签
    3 以下是上个博客对应的全选全不选的操作

根据勾选的状态显示tags(面包屑)

点击重置进行取消

 // 这个是点击置空的按钮
 // 根据循环遍历来进行控制
 btnClear() {
      for (var i = 0; i < this.distable.length; i++) {
        this.distable[i].selected = false;
        for (var j = 0; j < this.distable[i].country.length; j++) {
          this.distable[i].country[j].selected = false;
        }
        this.tags = [];}
    },