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官网查了好久资料, 简单来说就是一个陈年巨坑, 这框架一坑一个不吱声 😃

相关推荐
勤奋的小王同学~14 分钟前
(javaEE初阶)计算机是如何组成的:CPU基本工作流程 CPU介绍 CPU执行指令的流程 寄存器 程序 进程 进程控制块 线程 线程的执行
java·java-ee
TT哇15 分钟前
JavaEE==网站开发
java·redis·java-ee
2401_8260976219 分钟前
JavaEE-Linux环境部署
java·linux·java-ee
安全系统学习1 小时前
系统安全之大模型案例分析
前端·安全·web安全·网络安全·xss
缘来是庄1 小时前
设计模式之访问者模式
java·设计模式·访问者模式
涛哥码咖1 小时前
chrome安装AXURE插件后无效
前端·chrome·axure
OEC小胖胖1 小时前
告别 undefined is not a function:TypeScript 前端开发优势与实践指南
前端·javascript·typescript·web
Bug退退退1231 小时前
RabbitMQ 高级特性之死信队列
java·分布式·spring·rabbitmq
梵高的代码色盘2 小时前
后端树形结构
java
行云&流水2 小时前
Vue3 Lifecycle Hooks
前端·javascript·vue.js