1. 程式人生 > >IE11不支援HTML5中的template

IE11不支援HTML5中的template

這兩天用vue.js嘗試做了公司的平臺的一個功能性頁面,經過firefox和chrome測試,都沒有問題,我想當然的就認為ie11在這方面應該也沒有大問題,因為頁面不需要相容ie10以下的瀏覽器,至於ie11我還是比較信任的。。。於是沒有多想。結果公司有人用ie11開啟頁面,發現什麼都看不到,我當場就傻了,vue.js不是支援ie9及以上的ie麼。。。怎麼會這麼糟糕?經過反覆排查。。。發現用了template的地方都有問題,用v-repeat的時候,為了不引入多餘的dom元素,我用了template作為v-repeat的宿主。立馬度娘,果然,ie11居然不支援這個html5標籤。。。換掉以後再試,明顯情況有了改變,不過還有問題,再接著排查和實驗,發現在ie裡面直接巢狀tbody也會出問題,但是firefox和chrome對於tbody巢狀並沒有什麼問題。。。上msdn一查,ie認為tbody裡面有效的只有tr,thead這些標籤。。。真相大白,解決方法也自然有了,把巢狀的tbody換成td套table就能完美解決問題了。