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

鍍金池/ 問答/HTML/ vue 計算屬性與 class / style 問題

vue 計算屬性與 class / style 問題

圖片描述

有如圖示這樣一個股票行情列表,需求是數(shù)字為正整數(shù)的時候應用class="red",負數(shù)為 class="green"

<div class="col-xs-3" v-for="rs in plateList">
                    <div class="top-area">
                        <p>{{ rs.title }}</p>
                        <!--這里有一個判斷數(shù)值的需求,正數(shù)或負數(shù)應用不同的 class 
                        <p class="green">{{ rs.nubmer1 }}</p>
                        只能 v-if 然后自定義一個方法了嗎 ?
                        -->
                        <p class="red">{{ rs.nubmer1 }}</p>                        
                        <p class="add">+{{ rs.nubmer2 }}%</p>
                    </div>
                </div>
回答
編輯回答
款爺
<p :class="rs.nubmer1 > 0 ? 'red' : 'green'">{{ rs.nubmer1 }}</p>
2017年5月2日 17:12