随笔 - 36, 文章 - 0, 评论 - 0, 阅读 - 15377
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
其他输入框只需要加 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");
})


相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示