在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue2.0 點擊切換class 不能初始化變量

vue2.0 點擊切換class 不能初始化變量

點擊切換class 想讓第一個li開始就帶有這個class 但是在data里聲明時 確顯示i:undefined

            <ul>
                <li v-for="(item,index) in diviCat"  @click="clist(item.id,index)" :class="{line: i==index}"></li>                
            </ul>

js

export default{
        data(){
            return{
                i:0,
            }                    
        },
        methods:{
            clist(id,index){    
                    this.i=index;
            }
        },    
       

圖片描述

回答
編輯回答
心悲涼

:class="i==index?'line':''"

2017年2月4日 23:38
編輯回答
法克魷

我想讓i的初始值為0 這樣第一個li默認就會有這個class???

2018年8月10日 00:28
編輯回答
撿肥皂

凡是css都請加上引號
:class="[i === index ? 'line ': '']"
或者
:class="{'line ':i===index}"

2017年9月23日 23:19
編輯回答
遺莣

可以使用三目數組的形式綁定class,例如::class="[i === index ? line : '']"

2017年12月13日 16:46
編輯回答
扯不斷

我的問題是 拿不到i的初始值
不是切換不了class。。。。

我想讓i的初始值為0 這樣第一個li默認就會有這個class

2017年7月13日 00:23