详解Vue.js v-for不支持IE9的解决方法


Posted in Javascript onDecember 29, 2018

最近一个小项目,在最后的测试阶段出现了问题,使用了Vue,在Chrome、Firefox、Safari、IE11下都可以访问,唯独IE9下无法正常显示,排除程序问题后,最终判断是Vue的锅,替换版本后解决。经过测试,2.16、2.17 在IE9下无法使用 v-for 导致的。

写了一个简单的demo,在IE9下无法显示列表,运行结果如下:

详解Vue.js v-for不支持IE9的解决方法

测试代码如下:

<!DOCTYPE html>
<html lang=zh-CN>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>VUE</title>
</head>

<body>
  <ul id="list">
    <li v-for="item in items">{{ item.name }}</li>
  </ul>
  <script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>
  <script>
  var $vm = new Vue({
    el: '#list',
    data: {
      items: [{
        name: 'Hello'
      }, {
        name: 'World'
      }]
    }
  });
  </script>
</body>

</html>

替换到最新的版本(现在是 2.5.21,地址:https://cdn.bootcss.com/vue/2.5.21/vue.min.js),就可以正常访问了。

详解Vue.js v-for不支持IE9的解决方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
通过js简单实现将一个文本内容转译成加密文本
Oct 22 Javascript
JavaScript中如何通过arguments对象实现对象的重载
May 12 Javascript
javascript实现倒计时N秒后网页自动跳转代码
Dec 11 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
AngularJS使用拦截器实现的loading功能完整实例
May 17 Javascript
JavaScript 自定义事件之我见
Sep 25 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
基于JS实现快速读取TXT文件
Aug 25 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 Javascript
vue递归实现树形组件
Jul 15 Vue.js
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 #jQuery
Vue实现简单分页器
Dec 29 #Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 #Javascript
基于vue.js实现分页查询功能
Dec 29 #Javascript
小程序日历控件使用方法详解
Dec 29 #Javascript
jQuery实现的老虎机跑动效果示例
Dec 29 #jQuery
小程序自定义日历效果
Dec 29 #Javascript
You might like
中英文字符串翻转函数
2008/12/09 PHP
php并发对MYSQL造成压力的解决方法
2013/02/21 PHP
PHP开发Apache服务器配置
2015/07/15 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
js实现iframe动态调整高度的代码
2008/01/06 Javascript
根据一段代码浅谈Javascript闭包
2010/12/14 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
js enter键激发事件实例代码
2016/08/17 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
JavaScript实现的贝塞尔曲线算法简单示例
2018/01/30 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
nodejs使用node-xlsx生成excel的方法示例
2019/08/22 NodeJs
通过扫小程序码实现网站登陆功能
2019/08/22 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
Python中用Descriptor实现类级属性(Property)详解
2014/09/18 Python
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
Python判断字符串与大小写转换
2015/06/08 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
numpy.std() 计算矩阵标准差的方法
2018/07/11 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
Django admin 实现search_fields精确查询实例
2020/03/30 Python
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
大学生最常用的自我评价
2013/12/07 职场文书
建筑工程毕业生自我鉴定
2014/01/14 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书
暑期培训班招生方案
2014/08/26 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
升学宴家长致辞
2015/07/27 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python