vue实现添加标签demo示例代码

发布时间：2020-12-17 03:04:24 所属栏目：百科来源：网络整理

导读：本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码效果如下： html button v-on:click="hideDropmenu"i class="red fa fa-close (alias)" div v-for="item in cataList" v-show="item.isShow" span v-for="one in item.items" class="item" v-on:

本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码

效果如下：

html

<button v-on:click="hideDropmenu"><i class="red fa fa-close (alias)">
<div v-for="item in cataList" v-show="item.isShow">
<span v-for="one in item.items" class="item" v-on:click="addByClick(one)">{{one}}

js

    while(i--){
      i === index ? this.cataList[i].isShow = true: this.cataList[i].isShow = false;
    }
  },addByClick: function(name){

    var i = this.selectedItems.length;
    while(i--){
      if(this.selectedItems[i].name === name){
        return;
      }
    }

    this.selectedItems.push({name: name});
  }
}

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!