Javascript 如何根据变量Vue JS的值更改html文本的颜色

我创建了一个显示阈值限制值的网页。现在，如果值超过阈值，我想更改其颜色，但我不知道如何继续

当consultation.indicateurs.TRS超过consultation.objectifs.TRS（JS文件）的值时，我希望以红色显示consultation.indicateurs.TRS

window.onload=function（）{
var咨询=新的Vue({
el:“咨询”，
数据：{
指示符号：{
TRS:0
},
目标：{
TRS:90，
}
},
过滤器：{
机器：空，
startDate:null，
startHour:null，
endDate:null，
结束时间：空
},
方法：{
加载：函数（）{
this.$http.get（“/data？startDate=“+this.filters.startDate+”“+this.filters.startHour+”&endDate=“+this.filters.endDate+”“+this.filters.endHour”）。然后（函数（响应）{
consultation.indicators=response.body[0]；
控制台日志（咨询指示灯）；
这是.$forceUpdate（）；
}
});
}
}
否则{
this.$http.get（“/data？startDate=“+this.filters.startDate+”“+this.filters.startHour+”&endDate=“+this.filters.endDate+”“+this.filters.endHour”）。然后（函数（响应）{
如果（！response.body[0]）{
所见为真；
consultation.message=“La requête n'a pas pu aboutir”；
}否则{
consultation.indicators=response.body[0]；
这是.$forceUpdate（）；
}
});
}
})
}

贴花滤纸
埃法克勒过滤器
TRS
{{indicateurs.TRS}}}%

{{objectifs.TRS}}}%

您可以使用条件类

例如：

<div v-bind:class="{ active: isActive }"></div>

---

其中“active”是您的类（text danger或其他类型），而isActive是触发该类的条件。

正如您在代码段中看到的，括号中存在问题。请编辑代码段并修复括号