vue2.0 상태 값에 따라 스타일 변경 표시

1242 단어 vue2.0
사용자가 절차 조작을 할 때 일반적으로 진행 중, 시작, 완성으로 나뉘는데 전방 페이지는 상응하는 상태 구분 전시를 해야 한다.여기서 테스트한 것은 배경 색 구분입니다.demo:
<span class="contract-span" :class="statusText[item.status][0]">{{statusText[item.status][1]}}span>
      statusText: {
        0: ['span-delay', '   '],
        1: ['span-finish', '   '],
        2: ['span-rough', '   '],
      },//    

순환 반복에서status에 값을 부여하면 서로 다른 상태에서 서로 다른 배경색을 표시할 수 있습니다.

좋은 웹페이지 즐겨찾기