2023年6月21日发(作者：)

Vue之（class与v-bind）：CSS点击Active类样式,以及页⾯加载第⼀个就有。。。现在有这么需求,看效果图,⼤家都秒懂! 我这边ui模板⽤的mui的,点击每个tabbar的⼉⼦div,有蓝⾊代码如下:复制代码tabarList是ajax返回过来的数组,然后绑定到data的tabarList⾥⾯,然后需要绑定key,如果是渲染展⽰,不操作的列表是不需要key的,添加,删除等操作都需要绑定key,养成好习惯,还是加上key吧,这边key绑定的ajax的id值,然后重头戏来了! 因为mui-control-item是不变的,mui-active是变的,所以这边采⽤数组格式包对象,数组⽅括号[],对象花括号{}. 然后我们在 {'mui-active':index==||index==0}],这边判断的条件是当前点击的index和后台的id 是否相等,但是还没完,因为我们要页⾯⼀加载,就要给第⼀个div⼉⼦绑定上active,所以这边弄个||让index为0,这边我是考感觉的,⾃⼰瞎搞的,就出来了.....如果做得不对,请指教,我也是个垃圾新⼿,加油吧!

2023年6月21日发(作者：)

Vue之（class与v-bind）：CSS点击Active类样式,以及页⾯加载第⼀个就有。。。现在有这么需求,看效果图,⼤家都秒懂! 我这边ui模板⽤的mui的,点击每个tabbar的⼉⼦div,有蓝⾊代码如下:复制代码tabarList是ajax返回过来的数组,然后绑定到data的tabarList⾥⾯,然后需要绑定key,如果是渲染展⽰,不操作的列表是不需要key的,添加,删除等操作都需要绑定key,养成好习惯,还是加上key吧,这边key绑定的ajax的id值,然后重头戏来了! 因为mui-control-item是不变的,mui-active是变的,所以这边采⽤数组格式包对象,数组⽅括号[],对象花括号{}. 然后我们在 {'mui-active':index==||index==0}],这边判断的条件是当前点击的index和后台的id 是否相等,但是还没完,因为我们要页⾯⼀加载,就要给第⼀个div⼉⼦绑定上active,所以这边弄个||让index为0,这边我是考感觉的,⾃⼰瞎搞的,就出来了.....如果做得不对,请指教,我也是个垃圾新⼿,加油吧!