戻り値に応じてVUE elment表のスタイルの変更

VUEプロジェクトを書くときに今日、状況に応じて表示を変更したいのデータベース内のデータをチェックしてください。クエリデータがあります 

：フォーマッタは、この効果を達成することができ、ADOが、これは私の例です：

<エル・テーブルのカラムの小道具=「operatetime」ラベル=「关联时间」：フォーマッタ=「TIMEFORMAT」> </エル・テーブルのカラム>

 

TIMEFORMATは方法であり、

  方法：{ 
    TIMEFORMAT（行、列）{ 
      CONST日付 = 新しい日付（row.operatetime）。
      するvar年= のparseInt（date.getFullYear（））;
      もし（年> 2018 ）{
         戻りrow.operatetime。
      } 他{
         リターン「」。
      } 
    }

 

その後、私はいくつかのスタイルを追加したいの結果は、私が「書くのが好き<スパンのスタイル=」色：赤「> </ span>に関連した時間を」、
答えは十分ではなかったです。：この偉大な神を見るために悩ん機会であることは、以下のアドレスを書いた
https://blog.csdn.net/qq_35493664/article/details/83832497を
完璧なソリューション、程度備考に！
次のように：

  <EL-テーブル列プロパ= "relationemid"ラベル= "关联状态"> 
        <テンプレートスコープ= "範囲"> 
          <スパンV- なら = "scope.row.relationemid === 1"スタイル= "色：青" >已关联</ span>の
          <スパンV- 他 >未关联</ span>を
        </テンプレート> 
      </エル・テーブルのカラム>