詳解Vue.js v-for不支持IE9的解決方法

更新時(shí)間：2018年12月29日 11:01:06 作者：啟源的部落格

這篇文章主要介紹了詳解Vue.js v-for不支持IE9的解決方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

最近一個(gè)小項(xiàng)目，在最后的測試階段出現(xiàn)了問題，使用了Vue，在Chrome、Firefox、Safari、IE11下都可以訪問，唯獨(dú)IE9下無法正常顯示，排除程序問題后，最終判斷是Vue的鍋，替換版本后解決。經(jīng)過測試，2.16、2.17 在IE9下無法使用 v-for 導(dǎo)致的。

寫了一個(gè)簡單的demo，在IE9下無法顯示列表，運(yùn)行結(jié)果如下：

測試代碼如下：

<!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>

替換到最新的版本（現(xiàn)在是 2.5.21，地址：https://cdn.bootcss.com/vue/2.5.21/vue.min.js），就可以正常訪問了。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

淺析vue深復(fù)制
這篇文章主要介紹了vue深復(fù)制的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2018-01-01
vue中的$含義及其用法詳解($xxx引用的位置)
$是在vue中所有實(shí)例中都可用的一個(gè)簡單約定,這樣做會避免和已被定義的數(shù)據(jù),方法,計(jì)算屬性產(chǎn)生沖突,下面這篇文章主要給大家介紹了關(guān)于vue中$含義及其用法的相關(guān)資料,需要的朋友可以參考下
2023-04-04
vue-cli3 取消eslint校驗(yàn)代碼的解決辦法
這篇文章主要介紹了vue-cli3 取消eslint校驗(yàn)代碼的解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
vue-element-admin中node-sass換成dart-sass,安裝依賴報(bào)code?128多種問題的解決
這篇文章主要介紹了vue-element-admin中node-sass換成dart-sass,安裝依賴報(bào)code?128多種問題的解決方法,本文給大家分享問題原因分析及解決方法，需要的朋友可以參考下
2023-02-02
Vue使用Antd中a-table實(shí)現(xiàn)表格數(shù)據(jù)列合并展示示例代碼
文章介紹了如何在Vue中使用Ant?Design的a-table組件實(shí)現(xiàn)表格數(shù)據(jù)列合并展示,通過處理函數(shù)對源碼數(shù)據(jù)進(jìn)行操作,處理相同數(shù)據(jù)時(shí)合并列單元格
2024-11-11
element 穿梭框性能優(yōu)化的實(shí)現(xiàn)
本文主要介紹了element 穿梭框性能優(yōu)化，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
vue項(xiàng)目多環(huán)境配置(.env)的實(shí)現(xiàn)
最常見的多環(huán)境配置，就是開發(fā)環(huán)境配置,和生產(chǎn)環(huán)境配置，本文主要介紹了vue項(xiàng)目多環(huán)境配置的實(shí)現(xiàn)，感興趣的可以了解一下
2021-07-07
在axios中使用params傳參的時(shí)候傳入數(shù)組的方法
今天小編就為大家分享一篇在axios中使用params傳參的時(shí)候傳入數(shù)組的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
教你如何優(yōu)化?Vue.js?應(yīng)用程序
Vue?3引入了Composition?API，這是一套新的API用于編寫組件，作為Options?API的替代，這篇文章主要介紹了如何優(yōu)化?Vue.js?應(yīng)用程序,需要的朋友可以參考下
2023-02-02
vuejs如何解決瀏覽器切換頁面后setInterval計(jì)時(shí)器停止執(zhí)行的問題
setinterval()是定時(shí)調(diào)用的函數(shù),可按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式,這篇文章主要給大家介紹了關(guān)于vuejs如何解決瀏覽器切換頁面后setInterval計(jì)時(shí)器停止執(zhí)行的問題,需要的朋友可以參考下
2024-01-01