# KInput

输入框

# 使用指南

import {KInput} from 'kbone-ui'
1

# 示例

<KInput label="卡号" @change="inputChange" v-model="inputCardValue" placeholder="填写本人卡号" clearable/>
<KInput label="昵称" @change="inputChangv-model="inputNickName" placeholder="填写信号的昵称" clearable/>
1
2

Form

form 表单内容

Checkbox
Switch
Switch文本
Radio
表单输入

# 使用参数

H5 小程序 属性 类型 默认值 必填 说明
o o value/v-model string 输入框的初始内容
o o type string text input 的类型
o o password boolean false 是否是密码类型
o o placeholder string 输入框为空时占位符
o placeholder-style string 指定 placeholder 的样式
o placeholder-class string input-placeholder 指定 placeholder 的样式类
o o disabled boolean false 是否禁用
o maxlength number 140 最大输入长度,设置为 -1 的时候不限制最大长度
o cursor-spacing number 0 指定光标与键盘的距离,取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离
o auto-focus boolean false (即将废弃,请直接使用 focus )自动聚焦,拉起键盘
o o focus boolean false 获取焦点
o confirm-type string done 设置键盘右下角按钮的文字,仅在type='text'时生效
o confirm-hold boolean false 点击键盘右下角按钮时是否保持键盘不收起
o cursor number 指定focus时的光标位置
o selection-start number -1 光标起始位置,自动聚集时有效,需与selection-end搭配使用
o selection-end number -1 光标结束位置,自动聚集时有效,需与selection-start搭配使用
o adjust-position boolean true 键盘弹起时,是否自动上推页面
o hold-keyboard boolean false focus时,点击页面的时候不收起键盘
o o input eventhandle 键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 return 一个字符串,将替换输入框的内容。
o o focus eventhandle 输入框聚焦时触发,event.detail = { value, height },height 为键盘高度,在基础库 1.9.90 起支持
o o blur eventhandle 输入框失去焦点时触发,event.detail = {value: value}
o confirm eventhandle 点击完成按钮时触发,event.detail = {value: value}
o keyboardheightchange eventhandle 键盘高度发生变化的时候触发此事件,event.detail = {height: height, duration: duration}