效果如图:
视图:
<template>
<view class="label-con u-justify-start u-items-center u-flex-wrap">
<view class="label-list" :class="{'active': isActive.indexOf(index)!=-1}" v-for="(item,index) in tagList" :key="index"
@click="addMemberTags(index)">
{{ item.tag_name }}
</view>
</view>
</template>
js:
addMemberTags(index) {
var that = this;
if (that.isActive.indexOf(index) == -1) {
console.log(index) //打印下标
that.isActive.push(index); //选中添加到数组里
} else {
that.isActive.splice(that.isActive.indexOf(index), 1); //取消
}
}
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有