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

문자열 대신 스타일 개체를 반환해 보세요.

으아아아