vue.js 给一组li中的某一个添加class

问题描述

问 题

一组li，这个li不是v-for出来的。是直接写死的。为什么不用v-for，li里面的结构不一样，
给所有的li添加点击事件 tanchu（），给点击的当前li添加一个class；
现在点击之后所有的都会添加这个class；

这个问题应该怎么去思考？
vue是操作数据的，怎么用数据驱动取取操作

解决方案

这个是你的设计问题，你可以设置一个变量 type ，然后写成:class="{margin_bottom:type='a'}"、:class="{margin_bottom:type='b'}"等等，然后click的时候，test方法传入对应的 a、b、c、d，test方法将type赋值成对应传入的a、b、c、d,大概的代码

<li @click="test('a')" :class="{margin_bottom:type=='a'}">1</li>

methods:{
    test:function(type){
        this.type = type;
    }
}

这篇关于vue.js 给一组li中的某一个添加class的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！