vue中一个标签中动态添加class

<div :class='["tabItem",index==id?"active_tabItem":"",index==2? "share_tabItem" : ""]' @click="changeTabbar(index)" v-for="(item

qq_夏阳

3032人浏览 · 2019-03-14 16:05:11

qq_夏阳 · 2019-03-14 16:05:11 发布

<div :class='["tabItem",index==id?"active_tabItem":"",index==2? "share_tabItem" : ""]' @click="changeTabbar(index)" v-for="(item,index) in tabBar" :key="index">{{item}}</div>

我的需求：循环数组，根据不同的情况，添加不同的类名

点击选中添加类名：active_tabItem

当循环的数组下标为2时，添加类名：share_tabItem

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^