uniapp的input的value值无法正确读取

需要使用@input进行每次修改name值，都会把name值刷新赋值给value值。uniapp的input，可以使用:value="phoneNumber"进行数据绑定。比如在data里面，初始化数据，phoneNumber为111，那么输入框就会有111的数据。但是，当你在输入框输入“1112”时，你再去拿phoneNumber的数据，就会发现还是111。这是因为input的name值变了，但

ZCpioneer

3786人浏览 · 2020-10-25 16:46:51

ZCpioneer · 2020-10-25 16:46:51 发布

需要使用@input进行每次修改name值，都会把name值刷新赋值给value值。

uniapp的input，可以使用:value="phoneNumber"进行数据绑定。

比如在data里面，初始化数据，phoneNumber为111，那么输入框就会有111的数据。

但是，当你在输入框输入“1112”时，你再去拿phoneNumber的数据，就会发现还是111。

这是因为input的name值变了，但是phoneNumber并没有变。phoneNumber只是作为了初始值的value传入，后续name值变化不会影响到value值。

就需要使用@input进行每次修改name值，都会把name值赋值给value值，即可。

顺便分享正则表达式校验手机号码的js文件

//util.js文件主要写的是会经常使用到的工具类
//校验邮箱格式
function checkEmail(email){
	return RegExp(/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/).test(email);
}
//校验手机格式
function checkMobile(mobile){
	return RegExp(/^1[34578]\d{9}$/).test(mobile);
}

module.exports = {
	checkEmail : checkEmail,
	checkMobile : checkMobile
}