[vue.js] v-if, v-else로 글씨바꾸기

<td v-text="channel.sellerId"/>
<td v-text="channel.fetchStatus">
  <span v-if="channel.fetchStatus === 'ACTIVE'">{{ $t('common.useStatus.Y') }}</span>
  <span v-else>{{ $t('common.useStatus.N') }}</span>
</td>

fetchStatus의 ACTIVE, INACTIVE를 ko.js에 적힌 한글을 사용하여 사용, 미사용으로 바꾸려고 하였다.

useStatus: {
  Y: '사용',
  N: '미사용'
},

아무리 바꿔봐도 변경이 안됨... 사용이나 미사용으로 나와야하는데 여전히 ACTIVE나 INACTIVE라고 나옴...

 

결론. <td v-text="channel.fetchStatus"> 가 있어서 밑에 있는 span 태그를 읽지않고 넘어간거였다.

지워주니 바로 해결!

<td v-text="channel.sellerId"/>
<td>
  <span v-if="channel.fetchStatus === 'ACTIVE'">{{ $t('common.useStatus.Y') }}</span>
  <span v-else>{{ $t('common.useStatus.N') }}</span>
</td>