一、
<text class=“li_s” :class="[isActive === index ? ‘add_li’ : ‘one’]" @tap=“changeClass(index)”>
</text>
二、
export default {
data() {
return {
isActive:’’
}
}
}
三、
methods:{
changeClass(index){
if(this.isActive=index){
floge=floge+1;
}
if(floge%2==0){
console.log(floge)
this.isActive=-index
}
}
}
四、
.add_li{
overflow: inherit !important;
height: fit-content !important;
z-index: 999;
}

本文详细介绍了如何在Vue.js中实现列表项的切换效果,包括使用data属性控制样式变化,以及通过methods定义切换逻辑。文章还展示了如何利用Vue的事件绑定和条件渲染来创建动态的UI组件。
1462

被折叠的 条评论
为什么被折叠?



