# Input - 输入框

<w-input placeholder="请输入内容"></w-input>
<w-input placeholder="错误提示显示" error="我是错误提醒文字"></w-input>
<w-input placeholder="这是disabled状态" disabled></w-input>
<w-input placeholder="这是readonly状态" readonly></w-input>

<w-input placeholder="支持事件触发" 
  @change="onChange" 
  @blur="onBlur" 
  @focus="onFocus" 
  @input="onInput"
></w-input>
<script>
  export defalut{
    methods:{
      onChange($event){
        //得到change的event对象
      },
      onBlur($event){
        //得到blur的event对象
      },
      onFocus($event){
        //得到focus的event对象
      },
      onInput(value){
        //得到Input事件触发时的value值
      }
    }
  }
</script>

<w-input placeholder="双向绑定value值" v-model="message"></w-input>
<span>{{message}}</span>
<w-button @click="changeMessage">点我改变</w-button>
<script>
  export default{
    data(){
      return{
        message:'这是初始value值'
      }
    },
    methods:{
      changeMessage(){
        this.message = '这是由button改编的value值'
      }
    }
  }
</script>