v-for 생성 된 테이블의 텍스트 색상을 변경하십시오.

Question

vince.js를 사용하여 json을 표시합니다. 테이블에 표시되는 숫자 더미입니다. 잘 작동하지만 숫자가 음수이면 셀의 텍스트 색상을 읽어야합니다. 당신이 볼 수 있듯이, "클래스 ="텍스트 - 위험 "ALL의 경우 빨간색으로 텍스트 색상을 설정

<table> 
    // ... 
    <tbody> 
     <tr> 
      <td v-for="i in numbers" class="text-danger"> {{ i }} </td> 
     </tr> 
    </tbody> 
</table> 

는. 난 단지 수 (i)가 음수 인 경우 적용, 그래서에 조건을 첨부로 원하는 .

나는 VUE와 함께이 작업을 수행하는 방법을 완전히 난처한 상황에 빠진 오전

Answer 1

동적으로 클래스를 적용합니다.

<td v-for="i in items" :class="{ 'text-danger': i < 0 }">{{ i }}</td> 

을