vue disabled

[Vue.js] 조건부 렌더링과 버튼 활성화하기

v-show 조건부 디렉티브를 이용하여, vue 에서 페이지가 번호가 1을 벗어나면, 해당 설정 버튼 값을 제어하지 못하도록 하려고 한다. v-show는 조건부 디렉티브로서, 반환 값이 true와 false 값을 가진다. 다른 값은 들어갈 수 없다. true : 화면이 보여짐 false: 화면이 안보임 *하지만, 개발자 모드로 보면, 버튼이 삭제되지 않는 것을 확인할 수 있다. 대신, 값이 false가 되면, span 태그 위에 있는 ::before 이 사라진다. 사용전 사용후 처음에, this 를 잘 못 사용해서 계속 버튼이 활성화가 안되었는데, 이유를 알았다. 사실, Vue.js 에서는 조건문을 이용하여 조건부 렌더링을 할 수 있다. v-if, v-else, v-else-if 구문이 있다. 하지만, ..