更新记录

1.0.1（2022-08-08） 下载此版本

自定义车牌输入键盘--输入框

车牌输入框组件，该组件需要与自定义车牌输入键盘配套使用，请勿单独使用。

属性列表

事件列表

基本用法

<bugking7-carinput ref="carinput"
        @carInputClick="handleInputClick" 
        @carInputFinish="handleKeyboardFinish" 
        :defaultCarValue="carValue" 
        :canChangeProvice="true" 
        :autoNewCar="false"
        :openLongDeleteAll="false"
        ></bugking7-carinput>

data() {
    return {
        carValue: '',
        cursorIndex: -1
    }
}

methods: {
    handleInputClick(e) {
        this.cursorIndex = e.value
    },
    handleKeyboardFinish(e) {
        console.log(e)
    }
}

兼容性

只测试了H5，其他未测，请谨慎使用。

其他

1、为什么不使用uniapp原生的input组件？

老实说，最开始确实使用的input组件来作为车牌输入框，但随着开发的深入，发现一个很无奈的问题，原生组件input居然无法获取到光标位置。这是unipp干出来的事？

嗯？肯定是你那里搞错了！还确实搞错了，逛了下DCLOUD论坛，发现一个帖子，uniapp如何获取input、textarea组件光标位置？，人家uniapp确实提供了如何获取input、textarea的光标位置的api，就是这个uni.getSelectedTextRange(OBJECT)。

但是这个api用过之后你就会发现，根本不好使，不信你可以去试试！

本人是搞Android开发的，uniapp完全是自学，知识浅薄，如果你发现了uni.getSelectedTextRange(OBJECT)的正确使用方法，烦请告知一下，3Q！

联系方式

QQ：945942463

1.0.0（2022-08-08） 下载此版本

自定义车牌输入键盘--输入框

车牌输入框组件，该组件需要与自定义车牌输入键盘配套使用，请勿单独使用。

属性列表

事件列表

基本用法

<bugking7-carinput ref="carinput"
        @carInputClick="handleInputClick" 
        @carInputFinish="handleKeyboardFinish" 
        :defaultCarValue="carValue" 
        :canChangeProvice="true" 
        :autoNewCar="false"
        :openLongDeleteAll="false"
        ></bugking7-carinput>

data() {
    return {
        carValue: '',
        cursorIndex: -1
    }
}

methods: {
    handleInputClick(e) {
        this.cursorIndex = e.value
    },
    handleKeyboardFinish(e) {
        console.log(e)
    }
}

兼容性

只测试了H5，其他未测，请谨慎使用。

其他

1、为什么不使用uniapp原生的input组件？

老实说，最开始确实使用的input组件来作为车牌输入框，但随着开发的深入，发现一个很无奈的问题，原生组件input居然无法获取到光标位置。这是unipp干出来的事？

嗯？肯定是你那里搞错了！还确实搞错了，逛了下DCLOUD论坛，发现一个帖子，uniapp如何获取input、textarea组件光标位置？，人家uniapp确实提供了如何获取input、textarea的光标位置的api，就是这个uni.getSelectedTextRange(OBJECT)。

但是这个api用过之后你就会发现，根本不好使，不信你可以去试试！

本人是搞Android开发的，uniapp完全是自学，知识浅薄，如果你发现了uni.getSelectedTextRange(OBJECT)的正确使用方法，烦请告知一下，3Q！

联系方式

QQ：945942463

平台兼容性

bugking7-carinput