Vue.js disabled 처리

1 개요

Vue.js disabled 처리

<input type="text" :disabled="validated == 1">

2 예제

• message 길이가 0이면 disabled

<div id="app">
  <input type="text" v-model="message">
  <button :disabled="message.length < 1">전송</button>
</div>

<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<script>
  Vue.createApp({
    data() {
      return {
        message: ""
      }
    }
  }).mount('#app')
</script>

3 같이 보기

• Vue.js v-bind

4 참고

• https://stackoverflow.com/questions/38085180/vue-js-disable-input-conditionally