天天看點

基于Vue+iView+OpenLayer在IE11上運作的方法總結

因為項目要求必須在IE11上面運作,經過了多次嘗試,特此總結方法

1、

webpack.base.conf.js中

基于Vue+iView+OpenLayer在IE11上運作的方法總結

2、

在main.js中配置

基于Vue+iView+OpenLayer在IE11上運作的方法總結

 3、配置IR11RouterFix解決IE11路徑不預設跳轉的問題,在main.js中

基于Vue+iView+OpenLayer在IE11上運作的方法總結
基于Vue+iView+OpenLayer在IE11上運作的方法總結

建議把這個放到單獨的JS檔案内,例如

基于Vue+iView+OpenLayer在IE11上運作的方法總結

4、解決當重複請求同一個位址時,IE不發送請求的問題。這個是由于IE預設下會緩存,也就是當請求和原來一樣的時候,就不發送了 ,需要加時間戳,但是這次我發現,加時間戳也未必能解決,還是要禁止緩存,在main.js中配置

然後在你的所有頁面中隻需要使用this.$axios即可,不一定腰帶時間戳了,因為此處已經配置了nocache和時間戳

5、openlayer适配問題

經過篩查,我發現6.3.1必定可以穩定在IE11上使用,但是要注意寫法,

例如以前我喜歡寫

但是現在這麼寫就是運作不出來 ,我拆開來寫

又可以了,是以在此記錄一下,如果要在IE11上面跑的話,所有的引用,全部單獨寫,不要并在一起,

另外:

我發現在IE11上面,如果我撒點用圖檔來當icon,會導緻地圖顯示異常,例如

基于Vue+iView+OpenLayer在IE11上運作的方法總結

 還有其他很多卡頓和異常,是以隻能用自己畫的方式來代替,比如circle或者做dash等等,此處記錄一個雷達式樣

基于Vue+iView+OpenLayer在IE11上運作的方法總結

 這個的寫法是:

繼續閱讀