Wie ändere ich die Textfarbe mit dem ternären Operator in Vue?

Question

Ich möchte die Textfarbe ändern, die vom Endpunkt kommt. Es zeigt nur den Wert des ternären Operators („backgroundColor:green“) auf der Benutzeroberfläche an. Kann mir jemand helfen?

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' }