uni-app怎样实现隐藏手机号中间位数,又能成功登录?

如图

img

img

img

从别的页面传过来的手机号码,想在登录页面实现将手机号的中间位数进行隐藏,又能成功登录,目前遇到的问题是可以将手机号隐藏展示,但是这样的话传入登录接口的值也是含隐藏值的,那么就不能成功登录?请问有人有好的解决方法吗?请赐教,不胜感激。

input change事件里有。获取input值。然后正则匹配。替换成星号。替换之前用一个全局变量先保存。也就是data里定义一个保存下来。提交时用保存下来的

定义一个样式,隐藏中间几位数,在页面对这个标签指定使用该样式,实际值和显示值就可以不一样了,这其实和密码处理的方式很类似

form.telephoneTrue为提交数据,或者你用form.telephone为提交数据,然后再定义一个变量做为显示

img

可以截取字符实现