其他输入框只需要加 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");
})
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix