Vue.js：类的计算值

Question

在我看来，我有以下条件类：

<td class="text-center" v-bind:class="{ positivity }"></td>

在我的组件中，我有以下内容：

positivity: function() {
    var type = typeof this.transaction.weeks != "undefined"
    var positive = 'green-bold'

    if ( type ) {
      positive = 'red-bold'
    }

    return positive
}

...但是我的计算类显示为：

<td class="text-center positivity"></td>

不管positivity() 的结果如何。我做错了什么？

Answer 1

你可以这样做：

v-bind:class="positivity"

或：

v-bind:class="{ 'green-bold': !positivity, 'red-bold': positivity }"

和

positivity: function() {
    return typeof this.transaction.weeks != "undefined";
}