詳解Vue.js v-for不支持IE9的解決方法
更新時(shí)間：2018年12月29日 11:01:06 作者：?jiǎn)⒃吹牟柯涓?
這篇文章主要介紹了詳解Vue.js v-for不支持IE9的解決方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
最近一個(gè)小項(xiàng)目，在最后的測(cè)試階段出現(xiàn)了問(wèn)題，使用了Vue，在Chrome、Firefox、Safari、IE11下都可以訪問(wèn)，唯獨(dú)IE9下無(wú)法正常顯示，排除程序問(wèn)題后，最終判斷是Vue的鍋，替換版本后解決。經(jīng)過(guò)測(cè)試，2.16、2.17 在IE9下無(wú)法使用 v-for 導(dǎo)致的。
寫了一個(gè)簡(jiǎn)單的demo，在IE9下無(wú)法顯示列表，運(yùn)行結(jié)果如下：
測(cè)試代碼如下：
<!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），就可以正常訪問(wèn)了。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Vue是一套用于構(gòu)建前后端分離的框架。剛開始是由國(guó)內(nèi)優(yōu)秀選手尤雨溪開發(fā)出來(lái)的，目前是全球“最”流行的前端框架。使用vue開發(fā)網(wǎng)頁(yè)很簡(jiǎn)單，并且技術(shù)生態(tài)環(huán)境完善，社區(qū)活躍，是前后端找工作必備技能！下面來(lái)看看其得安裝及使用方法吧2021-10-10
Vant 中的Toast設(shè)置全局的延遲時(shí)間操作
這篇文章主要介紹了Vant 中的Toast設(shè)置全局的延遲時(shí)間操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
基于vue實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到指定位置對(duì)應(yīng)位置數(shù)字進(jìn)行tween特效
這篇文章主要介紹了基于vue實(shí)現(xiàn)滾動(dòng)條滾動(dòng)到指定位置對(duì)應(yīng)位置數(shù)字進(jìn)行tween特效,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
這篇文章主要介紹了Vue+TypeScript中處理computed方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue3中v-if和v-for優(yōu)先級(jí)實(shí)例詳解
Vue.js中使用最多的兩個(gè)指令就是v-if和v-for,下面這篇文章主要給大家介紹了關(guān)于Vue3中v-if和v-for優(yōu)先級(jí)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
vue使用echarts實(shí)現(xiàn)水平柱形圖實(shí)例
這篇文章主要介紹了vue使用echarts實(shí)現(xiàn)水平柱形圖實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
element-ui表格數(shù)據(jù)轉(zhuǎn)換的示例代碼
這篇文章主要介紹了element-ui表格數(shù)據(jù)轉(zhuǎn)換的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
vue?同局域網(wǎng)訪問(wèn)不到的問(wèn)題及解決
這篇文章主要介紹了vue?同局域網(wǎng)訪問(wèn)不到的問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue響應(yīng)式原理與虛擬DOM實(shí)現(xiàn)步驟詳細(xì)講解
在Vue中最重要、最核心的概念之一就是響應(yīng)式系統(tǒng)。這個(gè)系統(tǒng)使得Vue能夠自動(dòng)追蹤數(shù)據(jù)變化，并在數(shù)據(jù)發(fā)生變化時(shí)自動(dòng)更新相關(guān)的DOM元素。本文將會(huì)探討Vue響應(yīng)式系統(tǒng)的實(shí)現(xiàn)原理及其底層實(shí)現(xiàn)2023-03-03
這篇文章主要介紹了vue實(shí)現(xiàn)圖片懶加載的方法,結(jié)合實(shí)例形式分析了vue.js圖片懶加載插件安裝、使用方法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02