更新记录

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属性就可以了

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问