前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Uni-App中实现多选样式

Uni-App中实现多选样式

原创
作者头像
素描
修改2020-01-19 16:52:21
4.1K2
修改2020-01-19 16:52:21
举报
文章被收录于专栏:编程录

效果如图:

视图:

代码语言:html
复制
<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:

代码语言:javascript
复制
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 删除。

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