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

网络编程 2021-07-04 15:50www.168986.cn编程入门

这篇文章主要介绍了详解Vue.js v-for不支持IE9的解决方法，长沙网络推广觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧

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

写了一个简单的demo，在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./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./vue/2.5.21/vue.min.js），就可以正常访问了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。

上一篇：基于vue.js组件实现分页效果下一篇：jQuery基于随机数解决中午吃什么去哪吃问题示例

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

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

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

编程语言

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设