Vue で三項演算子を使用してテキストの色を変更するにはどうすればよいですか?

Question

エンドポイントからのテキストの色を変更したいと考えています。 UI には三項演算子 ('backgroundColor:green) の値のみが表示されます。誰か助けてくれませんか？

mainTrack() {
 this.axios
    。得る（
      `${configObject.apiBaseUrl}/メンテナンス/会社`、
      configObject.authConfig()
    ）
    .then((res) => {
     this.maintainTrack= res.data;

     this.maintainTrack.forEach(element => {
       element.isResolve = element.isResolve== 'true' ? 'backgroundColor:green' :
        '背景色:赤'
            });
    })
    .catch((エラー) => {});
},

Answer 1

文字列の代わりにスタイル オブジェクトを返してみます:

 element.isResolve = {backgroundColor : element.isResolve ? 'green':'red' }