vue 计算属性与 class / style 问题

Question

有如图示这样一个股票行情列表，需求是数字为正整数的时候应用class="red"，负数为 class="green"<div class="col-xs-3" v-for="rs in plateList">                    <div class="top-area">                        <p>{{ rs.title }}</p>                        <!--这里有一个判断数值的需求，正数或负数应用不同的 class                         <p class="green">{{ rs.nubmer1 }}</p>                        只能 v-if 然后自定义一个方法了吗 ？                        -->                        <p class="red">{{ rs.nubmer1 }}</p>                                                <p class="add">+{{ rs.nubmer2 }}%</p>                    </div>                </div>

Answer 1

<p :class="rs.nubmer1 > 0 ? 'red' : 'green'">{{ rs.nubmer1 }}</p>