v-for生成テーブルの文字色を変更してください

Question

vue.jsを使用してjsonの束を表示しています。これはテーブルに表示される数の積み重ねです。それはうまくいきますが、数値が負の場合は、そのセルのテキストカラーを読み取る必要があります。

<table> 
    // ... 
    <tbody> 
     <tr> 
      <td v-for="i in numbers" class="text-danger"> {{ i }} </td> 
     </tr> 
    </tbody> 
</table> 

あなたが見ることができるように、「クラス=」テキスト-危険」は、すべての場合に赤にtextcolorはを設定します。私はそれをしたいの数（i）が負の場合に適用されますので、それに条件を付けます。

私はVUEでこれを行う方法を完全に困惑しています

Answer 1

動的にクラスを適用します。

<td v-for="i in items" :class="{ 'text-danger': i < 0 }">{{ i }}</td> 

を