热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

vue在部分谷歌老版本出现(双向绑定无效问题)

问题描述:部分谷歌浏览器(我这里遇到vue3项目)要求只能输入数字类型,我这里输入中文后再次输入数字后不生效(页面显示数据和定义变量赋值不匹配也就是双向绑定失效);错误代码示范

问题描述:

  部分谷歌浏览器(我这里遇到vue3项目)要求只能输入数字类型,我这里输入中文后再次输入数字后不生效(页面显示数据和定义变量赋值不匹配也就是双向绑定失效);

错误代码示范:


onkeyup="value = value.replace(/[^\d.]/g,'')" maxlength="6" placeholder="请输入验证码" suffix-icon=""/>

示范结果:

 

 

 修改后代码:

html部分:


@keyup="changeCode('code')" maxlength="6" placeholder="请输入验证码" suffix-icon=""/>

js部分:

const changeCode = (type) => {
// console.log(type)
// Onkeyup="value = value.replace(/[^\d.]/g,'')"
ruleForm[type] = ruleForm[type].replace(/[^\d]/g,'');
}

结果:

  修改完成验证完成;



推荐阅读
author-avatar
黑衬衫1994
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有