美文网首页
vue 兼容IE9后 el-input 的问题

vue 兼容IE9后 el-input 的问题

作者: 我是华华啊 | 来源:发表于2019-12-11 16:25 被阅读0次

vue兼容IE浏览器,首先就要安装

npm install babel-polyfill
//然后main文件中引用
import 'babel-polyfill'

还安装了一些其他的插件

es6-promise/auto 
ie9-oninput-polyfill
ie-placeholder

因为所遇到的问题是登录页面,有用户名(text)和密码 (password),用户输入值,密码框变成明文的了。
查了很多资料,找了很久,才发现原来是placeholder的问题。
删除placeholder之后,这个bug就没有了,这是为什么呢?我也不大清楚。只是这样可以解决这个问题

然后判断当前浏览器是否为IE9

navigator.userAgent //可以查看当前浏览器的信息
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;  
if(isIE) {
  var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
  reIE.test(userAgent);
  var fIEVersion = parseFloat(RegExp["$1"]);
  if(fIEVersion == 9) {
    //设置placeholder为空
  }
}

相关文章

  • vue 兼容IE9后 el-input 的问题

    vue兼容IE浏览器,首先就要安装 还安装了一些其他的插件 因为所遇到的问题是登录页面,有用户名(text)和密码...

  • vue+axios+vue-router兼容ie9

    参考:Vue 兼容 ie9 的全面解决方案 前序 项目突然要求兼容ie9...可是用到的技术栈对ie9似乎不是很友...

  • Vue 在IE9中兼容上传,安全提示"X-Frame-Opti

    截止写稿,已经Vue在2.6.9的版本中已经支持IE9,不在需要polyfills 说下问题 项目需要兼容到IE9...

  • vue-cli兼容ie9的兼容问题

    当vue遇见ie9的时候,部署到服务器之后,打开居然是一片空白,vue是支持ie9的,这个时候就需要来一波兼容了参...

  • vue3.0 变化

    Proxy API vue2.X 中的 defineProperty API优点:兼容性好,支持 IE9缺点:Ob...

  • vue ie9兼容

    要实现其实很简单,只需要我们下载一个babel-polyfill, npm install babel-polyf...

  • vue兼容ie9

    突然来的项目上的需求 我们的产品要在ie9上适用,于是 前端朋友们就非常头疼了 身为一个前端开发 估计最头疼的就是...

  • vue element组件库限制只能输入数字

    vue element组件库限制只能输入数字,且保留小数后两位 项目需求el-input组件输...

  • vue v-model参数无法修改

    vue 无法在el-input中修改 可以在el-input中修改

  • Vue Upload 兼容IE9

    el-upload 并不支持IE9环境, 于是自己简单封装了一个支持IE9的Upload组件(基于 Web Upl...

网友评论

      本文标题:vue 兼容IE9后 el-input 的问题

      本文链接:https://www.haomeiwen.com/subject/octagctx.html