vue 兼容IE9后 el-input 的问题

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为空
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 突然来的项目上的需求 我们的产品要在ie9上适用,于是 前端朋友们就非常头疼了 身为一个前端开发 估计最头疼的就是...
    有一个程序媛阅读 8,306评论 7 2
  • 前言 背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求:a...
    Terry05阅读 6,272评论 2 18
  • 【转载】CSDN - 张林blog http://blog.csdn.net/XIAOZHUXMEN/articl...
    竿牍阅读 3,528评论 1 14
  • 截止到2016年,我已经在这座“陌生”又“熟悉”的城市工作了十年。 从东北小镇走出家门,步入大学,参加工作,谈恋爱...
    TimBao阅读 522评论 2 0
  • 第一次知道抑郁症,还是十多年前,那时候我刚刚大学毕业出来没多久,几个月没找到工作。就是感觉心情烦闷,不想出门。感觉...
    Idodo君阅读 237评论 0 0