在Vue中使用三元運算符，如何修改文字的顏色？

Question

我想更改來自端點的文字顏色。它僅在 UI 上顯示三元運算子的值（'backgroundColor:green）。有人可以幫我嗎？

mainTrack() {
 this.axios
    .get(
      `${configObject.apiBaseUrl}/Maintenance/Company`,
      configObject.authConfig()
    )
    .then((res) => {
     this.maintainTrack= res.data;

     this.maintainTrack.forEach(element => {
       element.isResolve = element.isResolve== 'true' ? 'backgroundColor:green' :
        'backgroundColor:red'
            });
    })
    .catch((error) => {});
},

Answer 1

嘗試傳回樣式物件而不是字串：

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