vue项目动态添加删除active类名

<span v-for="(item,index) in but" :key="index" :class="{'active':indexActive === index}" @click = "clickfun(index)">{{item.txt}}</span&

阿渊啊啊啊啊啊啊啊啊啊啊啊啊

7945人浏览 · 2018-07-09 15:11:16

阿渊啊啊啊啊啊啊啊啊啊啊啊啊 · 2018-07-09 15:11:16 发布

<span v-for="(item,index) in but" :key="index" :class="{'active':indexActive === index}" @click = "clickfun(index)">
   {{item.txt}}   
</span>

如上面代码所示，动态绑定的实质就是：class=“{‘active’：true/false，active1’：true/false}”.

相信写成这样了是能看懂的

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}$/, //不连续的两位字母// /^