Vue.js上样式值的条件

我想检查模板的值

        <template slot="projected_end_date" slot-scope="{ line }">
            <datetime-display :value="line.projected_end_date"
                              type="date"
            style= "color: red"></datetime-display>
         </template>

看看

您可以像这样使用它：

<div :class="{'my-class': myCondition}">

.red{背景：red}
.blue{背景：blue}

红色
蓝色
背景色将发生变化

您可以这样使用：

:style="value < DateHelper.now() ? { 'color': 'red'} : ''"

此外，您可以简单地使用而不是辅助函数

:style="value < DateHelper.now() ? { 'color': 'red'} : ''"

:style="{color: value < DateHelper.now() ? 'red' : 'inherit'}"

:style="{color: value < DateHelper.now() ? 'red' : 'black'}"

:class="{warning: value < DateHelper.now()}"

.warning {
   color: red;
}