详解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 相关文章推荐
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
Apr 13 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
javascript 正则替换 replace(regExp, function)用法
May 22 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
jquery实现轮播图效果
Feb 13 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 Javascript
Vue中使用import进行路由懒加载的原理分析
Apr 01 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
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
Zend Framework使用Zend_Loader组件动态加载文件和类用法详解
2016/12/09 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
PHP 文件上传限制问题
2019/09/01 PHP
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
js中各浏览器中鼠标按键值的差异
2011/04/07 Javascript
javascript ready和load事件的区别示例介绍
2013/08/30 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
第五篇Bootstrap 排版
2016/06/21 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
AngularJs定时器$interval 和 $timeout详解
2017/05/25 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
使用Vue.set()方法实现响应式修改数组数据步骤
2019/11/09 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
Python中多线程及程序锁浅析
2015/01/21 Python
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
火锅店创业计划书范文
2014/02/02 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
个人剖析材料及整改措施
2014/10/07 职场文书
学校捐款活动总结
2015/05/09 职场文书
大学同学聚会感言
2015/07/30 职场文书
python文件与路径操作神器 pathlib
2022/04/01 Python