其他输入框只需要加 readonly
<input class="tel_area input" readonly v-model="phone" placeholder="请输入手机号" type="tel"/>
<input class="code_area input" readonly v-model="code" placeholder="请输入验证码" type="text"/>
在360浏览器测试时密码框比较顽固 需要先设置为text,在输入时将input属性改回password ,并不会中断输入;
<input id="password_input_hide" class="password_area input" readonly v-model="password" placeholder="请输入密码" :type="is_input?'password':'text'" @input="openType()"/>
如果这个还是不行 可以在每个输入框前加:
<input type="password" style="opacity: 0;position: absolute;top:-2000px"> 先加这个 不行的话 再把下面的也加上
<input type="text" style="opacity: 0;position: absolute;top:-2000px">
-----------------------------------------------------------------
data: {
is_input:false,
},
methods: {
openType:function () {
this.is_input=true;
}
}
//监测输入框点击
$('.input').on('click', function (event) {
$('.input').removeAttr("readonly");
})