uniapp将输入值转成大写的方法：首先过滤不需要的字符，只保留数字和字母；然后通过“if (!/^[A-Zd]+$/.test(val)) {…}”方式将字符小写转为大写；最后通过return输出值即可。
本教程操作环境：windows7系统、uni-app v3版本，该方法适用于所有品牌电脑。
推荐（免费）：uni-app开发教程
uni-app监听input输入，小写变成大写，并且过滤掉不想要的字符
在做input输入过滤监听的时候，用watch监听改变值，界面上的值会雷打不动的不按照你的思维变化，以下监听只是一个示例，需要其他过滤字符的，需要修改正则表达式。
这里提供，监听输入的时候，只能是数字和字母，并且小写字母要变为大写字母。不废话，直接上代码：
输入框准备完毕，因为要自己监听输入，因此把v-model拆分使用，input的方法是重点
过滤方法// 过滤vin输入vinInput(e) {let val = e.detail.value;if (/[^a-zA-Z0-9]/g.test(val)) { // 先过滤不需要的字符，只保留数字和字母val = val.replace(/[^a-zA-Z0-9]/g, '');}if (!/^[A-Zd]+$/.test(val)) {// 再进行转换，小写转为大写val = val.toUpperCase();}this.formData.vin = val; //这里对应的是value绑定的变量return val; // 最后输出值，要保证输入框的值和value绑定的值一致},
登录后复制
因为我这里在完成输入过滤之后，还会进行其他操作，因为还需要在watch里面再次监听formData.vin这个变量。
可能有小伙伴疑问，为啥不直接在上述的vinInput方法直接操作，那是因为input只能监听到输入，但是如果你是其他方式把数据填充进来的，那就没办法进行相应的操作了。
watch: {'formData.vin'(val) {this.vinCheck = null; // 如果有17位，则开始请求后台，带出数据if (val.length == 17) {// do something}}},
登录后复制
以上就是uniapp如何将输入值转成大写的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3032252.html
