详解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 性能优化指南(2)
May 21 Javascript
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
如何用js判断dom是否有存在某class的值
Feb 13 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
对于Javascript 执行上下文的全面了解
Sep 05 Javascript
轻松理解vue的双向数据绑定问题
Oct 30 Javascript
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
May 15 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
webpack-url-loader 解决项目中图片打包路径问题
Feb 15 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
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
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
10个超级有用的PHP代码片段果断收藏
2015/09/23 PHP
为你总结一些php信息函数
2015/10/21 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
Code:loadScript( )加载js的功能函数
2007/02/02 Javascript
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
js中浮点型运算BUG的解决方法说明
2014/01/06 Javascript
jquery选择checked在ie8普通模式下的问题
2014/02/12 Javascript
jquery-syntax动态语法着色示例代码
2014/05/14 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
Vue请求JSON Server服务器数据的实现方法
2018/11/02 Javascript
[04:02]2014DOTA2国际邀请赛 BBC每日综述中国战队将再度登顶
2014/07/21 DOTA
举例介绍Python中的25个隐藏特性
2015/03/30 Python
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
Python小进度条显示代码
2019/03/05 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
Python 复平面绘图实例
2019/11/21 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
kafka监控获取指定topic的消息总量示例
2019/12/23 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
python如何调用php文件中的函数详解
2020/12/29 Python
美国战术品牌:5.11 Tactical
2019/05/01 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
品学兼优的大学生自我评价
2013/09/20 职场文书
企业宣传口号
2014/06/12 职场文书
学校查摆问题整改措施
2014/09/28 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
《现实主义勇者的王国再建记》第三弹OST全曲试听片段公开
2022/04/04 日漫