详解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 相关文章推荐
js 新浪的一个图片播放图片轮换效果代码
Jul 15 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
Web安全之XSS攻击与防御小结
Dec 13 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
详解Vue-Router源码分析路由实现原理
May 15 Javascript
简述ES6新增关键字let与var的区别
Aug 23 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生成图片的缩略图的方法
2015/08/18 PHP
PHP入门教程之使用Mysqli操作数据库的方法(连接,查询,事务回滚等)
2016/09/11 PHP
php rsa 加密,解密,签名,验签详解
2016/12/06 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
jQuery trigger()方法用法介绍
2015/01/13 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
2016/07/14 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
react-native之ART绘图方法详解
2017/08/08 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
详解Vue之事件处理
2020/07/10 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
Python Tkinter基础控件用法
2014/09/03 Python
Python入门篇之正则表达式
2014/10/20 Python
django接入新浪微博OAuth的方法
2015/06/29 Python
NetworkX之Prim算法(实例讲解)
2017/12/22 Python
python中的随机函数小结
2018/01/27 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
CSS3 border-radius圆角的实现方法及用法详解
2020/09/14 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
全球度假村:Club Med
2017/11/27 全球购物
应届毕业生个人自荐信范文
2013/11/30 职场文书
应急管理培训方案
2014/06/12 职场文书
小学运动会演讲稿
2014/08/25 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
出纳试用期自我鉴定范文
2014/09/16 职场文书
毕业生见习报告总结
2014/11/08 职场文书
岳庙导游词
2015/02/04 职场文书
无违反计划生育证明格式
2015/06/24 职场文书