Javascript Vue.js动态类名？

我需要一个颜色退化取决于审查等级。我希望在Vue.js中完成一些事情，比如：

<div class="review" :style="reviewColor(hotel.average)">

不幸的是，这并没有为我提供一个

'green'

类。我希望用这种方法计算颜色

如果等级小于7，则需要为特定颜色，如果等级介于7和8之间且高于8

我需要清楚地进行这些计算。还有别的选择吗

我不能内联它，因为我有两个元素需要响应一个类

不幸的是，这并没有为我提供一个“绿色”类

您需要绑定到

类

，而不是

样式

：

reviewColor（等级）{
if（等级<7）{
返回“红色”；
}如有其他情况（等级<9）{
返回“黄色”；
}否则{
返回“绿色”；
}
}

不幸的是，这并没有为我提供一个“绿色”类

您需要绑定到

类

，而不是

样式

：

reviewColor（等级）{
if（等级<7）{
返回“红色”；
}如有其他情况（等级<9）{
返回“黄色”；
}否则{
返回“绿色”；
}
}

哦，哇。这就是当你做一个快速的重新因子时得到的结果。在46秒内解决了所有问题。哈哈，谢谢！哦，哇。这就是当你做一个快速的重新因子时得到的结果。在46秒内解决了所有问题。哈哈，谢谢！您需要指定要更改的样式特性

style=“green”

无效。请尝试

：style=“{color:reviewColor（hotel.average）}”

您需要指定要更改的样式方面

style=“green”

无效。试试

：style=“{color:reviewColor（hotel.average）}”

reviewColor() {
    return 'green';
}