x-input 单行文本输入
命名为
x-input
避免与原生input
标签渲染冲突注意不要混淆:
x-input
不是原生input
,不能使用v-model
,数据绑定语法为:value.sync
,也不支持大多数input
上的事件如focus
等,如果实在需要处理input事件,可以直接参照WeUI文档直接用html标签。
x-input
需要与group
配合使用
Props
名字 | 类型 | 默认 | 描述 |
title | String | 无 | 标题 |
value | String | 无 | 表单值, |
inline-desc | String | 无 | 标题下文字 |
keyboard | String | 无 | 只支持 |
placeholder | String | 无 | 输入提示 |
show-clear | Boolean | true | 是否显示清除按钮 |
type | String | text | 设置组件内input的type |
is-type | String | 无 | 内置验证类型,支持 |
readonly | Boolean | false | 只读,不要修改 |
min | Number | 无 | 最小字符数 |
max | Number | 无 | 最大字符数 |
equal-with | String | 无 | 当前input需要与某input输入完全一致,用于确认填写 |
text-align | String | left | input的对齐样式 |
Events
名字 | 参数 | 描述 |
on-change | (value) | 当值改变时触发 |
Demos
获取验证状态
``` vux height=200 components=Group,Cell,XInput
</template>
export default { data () { value: '' } } ```
Last updated