更新记录
1.3(2020-03-30) 下载此版本
1,补充添加
1.2(2020-03-30) 下载此版本
1,针对样式在小程序上丢失问题调整
1.1(2020-03-27) 下载此版本
1,新增属性kxtext 使组件可以通过自定义的按钮触发,这时候不显示样式,在示例中我将元素隐藏了,方便自己调节样式
查看更多平台兼容性
数字键盘
弹出层的数字键盘,支持小数输入,可选择确定输入或是实时输入两种
使用方式
在 script 中引用组件
import kxNumKey from '@/components/kx-numKey/kx-numKey.vue'
export default {
components: {
kxNumKey
}
}
在 template 中使用组件
<kxNumKey @rundata='kxNumData' :kxdata='data' :placeholder='placeholder' :textS='textS' :textE='textE' :kxbut='kxbut'></kxNumKey>
import kxNumKey from '@/components/kx-numKey/kx-numKey.vue'
export default {
methods: {
kxNumData(e) {
this.data=e
}
}
}
属性说明
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
kxdata | Number | false | 所需输入的数据(必填) |
placeholder | String | 请输入 | 数据为空是的提示词 |
kxbut | Boolean | true | 是否显示按钮,也就是说是实时输入还是点击确定更新数据的区分 |
textS | String | 当显示弹出层显示数据是,数据前方内容 | |
textE | String | 当显示弹出层显示数据是,数据后方内容 | |
kxtext | Number | false | 是否关闭内容显示,将键盘通过按钮打开的可以使用此功能 |
方法说明
在事件中添加 kxNumData事件,保证数据更新后改变当前数据
export default {
methods: {
kxNumData(e) {
this.data=e
}
}
}
补充说明
新增 kxtext 属性是在有些情况下,是通过按钮弹出的键盘,这种情况下是不需要文字显示,或是要自动定义,这时候打开kxtext属性就可以了