Vue 遍歷for循環(huán)如何根據(jù)參數(shù)長度顯示哪種樣式呢?

問題描述:
在html頁面的for循環(huán)里面,我如何根據(jù)某個參數(shù)的長度來決定使用哪種布局呢?
解決辦法:

 <div v-for="(item , index) in list " :key="index">
            <div class="nameMoneyFlag__item">
                <span v-bind:class="[item.notes.length > 15 ? nameMoneyFlag_item__flag2 : nameMoneyFlag_item__flag,textWhileColor,fontSize12]">
                    {{item.notes}}
             </span>
            </div>
        </div>

注意

我的v-bind:class=[item.notes.length > 15 ? nameMoneyFlag_item__flag2 : nameMoneyFlag_item__flag,textWhileColor,fontSize12]
使用了中括號[],各個參數(shù)之間,逗號","隔開

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,563評論 0 13
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,569評論 19 139
  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,851評論 0 3
  • 不開心難過的不行的時候 對自己這樣說 明年的今天是我的祭日 因為今天的我涅槃重生 嗯 很痛苦 很難過 但我撐過去就...
    王老二也閱讀 277評論 0 1
  • 從來不是老司機,新手上路別狗帶。 01、 上課,課堂之上。 老師點名要小明描述插頭和插座的關系。 小明說,正如男人...
    紙喜閱讀 312評論 0 2

友情鏈接更多精彩內(nèi)容