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

相关推荐
前端踩bug工程师几秒前
flutter项目
前端
云枫晖几秒前
Webpack系列-SourceMap
前端·webpack
qq_420362038 分钟前
PDF导出服务
前端·pdf·状态模式·node·puppeteer
该用户已不存在10 分钟前
构建现代应用的9个Python GUI库
前端·后端·python
abiao198111 分钟前
VUE的“单向数据绑定” 和 “双向数据绑定”
前端·javascript·vue.js
LoveDreaMing20 分钟前
微前端-无界的实操和源码分析
前端·javascript·架构
去伪存真42 分钟前
「实测可行」Tailwind CSS 4 与 UnoCSS 最新配置全攻略:一把跑通不踩坑
前端
十八朵郁金香1 小时前
【H5工具】一个简约高级感渐变海报H5设计工具
前端·javascript·产品运营·axure·个人开发
人工智能的苟富贵1 小时前
使用 Tauri + Rust 构建跨平台桌面应用:前端技术的新边界
开发语言·前端·rust·electron
lkbhua莱克瓦241 小时前
Java基础——常用API2
java·笔记·github·学习方法