[Vue] Vuetify 비활성화(disabled) 조건부 설정하기

상황

v-btn을 특정 변수의 값이 들어가있을때만 활성화해주고 싶었음.

---

해결방법

disabled에 조건문을 넣으면 된다.

---

코드

두가지 방법이 있다.

 

그냥 넣기

<v-btn
  class="mx-3"
  x-large
  :disabled="pending" //pending이 true일때만 버튼이 보여짐
>

 

삼항연산자 넣기

<input 
	type="text" 
    id="name" 
    class="form-control" 
    name="name" 
    v-model="form.name" 
    :disabled="validated ? disabled : ''"
>

---

참고

http://daplus.net/javascript-vue-js%EC%97%90%EC%84%9C-%EC%A1%B0%EA%B1%B4%EB%B6%80%EB%A1%9C-%EC%9E%85%EB%A0%A5%EC%9D%84-%EB%B9%84%ED%99%9C%EC%84%B1%ED%99%94%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/

[javascript] vue.js에서 조건부로 입력을 비활성화하는 방법 - 리뷰나라