APICloudAVM框架基于标准的WebComponents组件化思想封装了车牌号输入键盘组件

AVM（Application-View-Model）前端组件开发模型，提供包括虚拟DOM和Runtime的avm.js编程框架和多端统一编译工具，全面兼容WebComponents标准，兼容Vue和React语法糖编写代码，编译工具将Vue和React相关语法糖编译转换成avm.js代码。基于标准的WebComponents组件化思想，兼容Vue/React语法特性。通过一次编码，分别编译成App和小程序代码，实现多端开发。部件功能介绍车牌号输入键盘封装，支持燃油车、新能源车、旅游车、拖车、警车5种模式。对输入的车牌号进行定期验证。如果还有其他类型的车牌需要输入，可以在此基础上添加，主要是控制车牌的长度和一些固定字。示例展示组件开发组件car-num-keyboard.stml组件使用说明本组件是基于AVM.js开发的多端组件，通常同时适配Android、iOS、小程序、H5。具体支持看各个组件Apicloud的描述文档首先需要登录开发平台，http://www.apicloud.com。通过控制平台右上角的模块Store进入，然后选择AVM组件。找到对应的模块进入，或者通过搜索栏和组件名称的关键词进行搜索。输入模块详情，点击立即下载下载完整的组件安装包。组件压缩包文件目录如下。您也可以查看模块文档，了解模块的具体参数、引用的原生模块以及注意事项。项目中具体使用步骤如下：第一步将压缩包中的car-num-keyboard.stml文件复制到项目的components目录下，阅读readme.md文件并查看demo文件demo-car-num-keyboard.stml导入stml文件中需要开发的组件文件，完成页面的开发。调用键盘时，通过v-if显示和隐藏键盘。如果v-if为false，元素将被销毁，所以需要传递的动态值必须在重新创建元素之前赋值。如下图所示，顺序很重要。demo-car-num-keyboard.stml如果AVM组件库Components中没有找到实际需要的组件，可以尝试自己封装组件。这是组件开发的在线文档地址