Input 输入框

通过鼠标或键盘输入字符。

基础用法

<template>
  <div>
    <vw-input></vw-input>
    <vw-input value="Yee"></vw-input>
  </div>
</template>
<script>
export default {
}
</script>

Expand Copy Copy

禁用状态

<template>
  <div>
    <vw-input value="Yee" disabled></vw-input>
  </div>
</template>
<script>
export default {
}
</script>

Expand Copy Copy

只读状态

<template>
  <div>
    <vw-input value="Yee" readonly></vw-input>
  </div>
</template>
<script>
export default {
}
</script>

Expand Copy Copy

输入错误状态及提示文字

<template>
  <div>
    <vw-input value="" error="用户名不能少于2个字符"></vw-input>
  </div>
</template>
<script>
export default {
}
</script>

Expand Copy Copy

双向绑定

Hello

<template>
  <div>
        <vw-input v-model="message"></vw-input>
        <span>{{message}}</span>
  </div>
</template>
<script>
export default {
  data() {
    return {
      message: 'Hello'    
    }     
  } 
}
</script>

Expand Copy Copy