Orange UI

# Input 输入框

# 常用示例

浏览

代码演示

<div>
  <o-input value="NORMAL"></o-input>
  <o-input value="READONLY" readonly></o-input>
  <o-input value="DISABLED" disabled></o-input>
  <o-input value="ERROR" error="Error message"></o-input>
</div>

# 支持 v-model 进行数据双向绑定


浏览

代码演示

<div>
  <o-input v-model="message"></o-input>
   <p style="margin-top: 5px;">message: {{message}} </p>
</div>

data(){
  return {
    message: 'hello world',
  }
},

← Layout 布局 →