uniapp中uni-easyinput 使用@input 不改变绑定的值

只允许输入数字和字母

使用@input 正则replace后赋值给A

遇到问题: 当输入任意连续的非法字符时, 输入框不变. 直到输入一个合法字符非法字符才成功被过滤.

复制代码
<uni-forms-item label="纳税人识别号" name="number">
	<uni-easyinput v-model="number" @input="handleInput"  placeholder="请输入纳税人识别号"  maxlength="20"/>
</uni-forms-item>

添加上this.$nextTick(()=>{ })这样就可以改变绑定的值了

复制代码
handleInput(e){
    let value = e.replace(/[^\da-zA-Z]/g, '')
	this.$nextTick(()=>{
        this.number = value
	})
},

具体可参考全局配置 | uni-app官网查了好久资料, 简单来说就是一个陈年巨坑, 这框架一坑一个不吱声 😃

相关推荐
jackzhuoa7 分钟前
java小白闯关记第一天(两个数相加)
java·算法·蓝桥杯·期末
Rover.x10 分钟前
内存泄漏问题排查
java·linux·服务器·缓存
心.c17 分钟前
JavaScript单线程实现异步
开发语言·前端·javascript·ecmascript
midsummer_woo24 分钟前
基于spring boot的纺织品企业财务管理系统(源码+论文)
java·spring boot·后端
爱分享的程序员25 分钟前
前端面试专栏-前沿技术:31.Serverless与云原生开发
前端·javascript·面试
zc-code39 分钟前
Spring Boot + @RefreshScope:动态刷新配置的终极指南
java·spring boot·后端
何中应44 分钟前
EasyExcel使用(二:写出)
java·后端·maven·excel
姜 萌@cnblogs1 小时前
Saga Reader 0.9.9 版本亮点:深入解析核心新功能实现
前端·ai·rust
gnip1 小时前
实现elementplus官网主题切换特效
前端·css
Darling02zjh1 小时前
HTML5
前端·html·html5