动态添加移除class,设置active样式

theSong

怎么动态添加class 。为了设置选中active的时候的样式。 $("#test").classList.add() 时，   $("#test").classList 为undefined？。需要设置的元素非 v-for出来的，就是两个按钮

技术咨询-F

class = {a}

data = {
   a : ''
}

theSong

技术支持-F 发表于 2021-3-10 16:37
class = {a}

data = {

1.页面进来时给a元素active属性，那点击b元素时怎么给b元素active
2.data里写a的话要怎么写，a:{color：red;}这样吗

青春尾巴

多看看jq的文档
                $("#container li").on("click",function(){
                        $(this).addClass("active").siblings("li").removeClass("active")
                })

青春尾巴

还有你都用vue了为啥不用数据来控制呢：
v-bind:class="{'active':isActive}"

theSong

青春尾巴 发表于 2021-3-10 16:44
还有你都用vue了为啥不用数据来控制呢：
v-bind:class="{'active':isActive}"

  <view id="tabError" v-bind:class="{active:isActive}" class="tab-error" @click="error"> <text>故障列表</text></view>

data() {
        return {
            isActive: true
        };
    },

还是没效果，active上加不加引号都不行

技术咨询-F

theSong 发表于 2021-3-10 16:39
1.页面进来时给a元素active属性，那点击b元素时怎么给b元素active
2.data里写a的话要怎么写，a:{color：r ...

data 里的a 是class 名   a= 'normal'   或者 a = 'actived'

style 里面写样式
.normal{}
.actived{}

青春尾巴

theSong 发表于 2021-3-10 17:02
故障列表

data() {

<view id="tabError" v-bind:class="['tab-error',isActive==true?'active':'']" @click="error"> <text>故障列表</text></view>

BIP683741

技术咨询-F · 2021-3-10 16:37class = {a}

data = {

用v-for循环出来的，怎么动态添加类名啊，就是选中添加类，未选中移除类，tab栏切换那种

BIP683741

theSong · 2021-3-10 17:02故障列表

data() {

我也遇到这个问题了，你是怎么解决的？不能像vue那种动态判断添加类名？？？