效果如图:
视图:
<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 删除。