:class="[for變量1]：!變量, [for變量2]: 變量"

動(dòng)態(tài)class是支持三目表達(dá)式的。:class="userinfo.memberLevel == 0 ? 'agreement_content' : 'agreement_content-o'".
:class="(item.realCode + 'LastWeek')<0 ? negative : positive"

我懂了……
你試試這個(gè)

<div>{{list[item.realCode+'LastWeek']}}</div>

模擬一個(gè)data：

data(){
    return {
        item: {
           realCode: 'word' 
        },
        list: {
            wordLastWeek: '2017-09',
            wordLastYear: '2016'
        }
    }
}

我覺(jué)得拼不了。
可以試試使用methods解決。

:class="{negative:fun(index, 'lastWeek')}" 

methods: {
    fun (index, dateString) {
        return this[this.finalMetricColmns[index].realCode + dataString]
    }
}

其中index是當(dāng)前item的索引

我這邊的需求是根據(jù) type 值，顯示不同的 icon ， 用下面的可以：
:class="'icon-'+item.type"

拼不了，vue在創(chuàng)建模板時(shí)候就綁定變量了，樓上的解決方法可行

都傳到fun方法里處理?。∧阆朐趺锤憔驮趺锤?/p>