vue+element 在ie和360瀏覽器的兼容問題

只是單純的新聞性網站,包括首頁、欄目頁、詳情頁和一些專題頁面,部署完之後在谷歌沒什麼問題,當用戶提到在ie打不開的時候才考慮到很久沒去做ie的兼容了,這些頁面裏主要用到的關鍵技術點就是一些基礎的數據綁定以及關鍵問題Vue.component組件用於展示網站的公共部分,代碼如下:
在這裏插入圖片描述
後來就各種百度,說是vue內部包含es6的語法,ie不支持,就按照網上的說法下載了一個polyfill.min.js文件,網上大部分都是用腳手架或者cli的引入辦法,其實下載下來和普通js引入方法一樣
在這裏插入圖片描述
但是要注意的是,該文件一定要在所有文件的最上邊,也就是第一個引入的js文件
在這裏插入圖片描述
引入之後發現不再報那個es6語法的錯誤了,但是還是出不來,報的錯一直指向我寫的組件,後來嘗試着把組件模版的形式改變了一下,之前是通過template:模版,後來更換成字符串拼接的形式:
在這裏插入圖片描述
纔沒有報這塊錯誤,後來網站還是打不開,原來是因爲首頁裏面也用到了~這個符號,是ie識別不了這個符號,統一更換了以後才正常顯示,但是由於vue拋棄了ie8,對於ie8及其以下的瀏覽器還是不支持的。

整個過程用了接近五個小時,終歸結局是好的,也是因爲對vue組件模版使用沒那麼熟悉,希望能幫到遇到同樣問題的小夥伴。