vue点击切换class

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 20:14   4152   0
<div>
    <ul>
        <li v-for="(item,index) in movies"
                :class="{active:currentIndex === index}"
                @click="liclick(index)">
            {{index}}.{{item}}
        </li>
    </ul>
</div>
    const app = new vue({
        el:"#app",
        data:{
            movies:['爸爸去哪儿',"大师兄","最强大脑"],
            currentIndex:0
        },
        methods:{
            liclick(index){
               this.currentIndex = index
          }
        }
    })

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP