ElementUI中Tree组件兼容IE解决⽅案
更新时间：2021-08-21 v1.0
张佑赫⼀、简介
在软件开发初期阶段，经常会使⽤是市⾯上主流的浏览器进⾏功能开发，调试。为什么呢？ 因为市⾯上主流的浏览器对W3C组织制定的标准更友好，同时对开发者、⽤户的⾓度都是友好。所以，在开发过程中很少出现兼容问题，真好
高叶真实年龄IE（全称：Internet Explorer）浏览器是微软开发的⼀款⽤于互联⽹域名检索软件，同时也是Microsoft Internet Explorer/ Windows Internet Explorer (7、8、9、10、11版本）的统称。 于2016年，微软宣布停⽌对IE浏览器(8/9/10版本)的技术⽀持并建议⽤户统⼀更新⾄11或使⽤ Microsoft Edge浏览器。
基于IE浏览器的使⽤基数⼤，适⽤范围场景⼴主要是政府、学校，适⽤⼈主要是部分特定⼈。
(1) 基于以下三个基本认识：
第⼀，IE⽀持原⽣JavaScript脚本语⾔的语法规范；
第⼆，IE对W3C部分标准兼容且不全兼容设计；
我爱中国第三，IE对于不兼容语法，不提⽰任何报错信息。（默认开发者已经具备IE浏览器语法知识）
(2) 兼容IE的⼆个核⼼思考点：
第⼀、是否提⽰报错信息，如果提⽰，则根据提⽰进⾏解决对应不兼容问题；
第⼆、如果不提⽰，则思考该框架预定义语法IE是否兼容，通过部分代码删除进⾏分析；
第三、如果是因为语法问题，则进⾏语法调整⾄IE能识别的语法。魔幻电影大全
⼆、IE兼容Element原理
前端架构 Vue.js (2.x 最新版) | (UI) Element (2.5.4最新版)
原理⼀：基于Elment 是遵循CSS样式的标准的，⽽IE对CSS的部分样式也是兼容的，因此，可以分析出IE对Element (User Interface 简称 UI框架） 也是兼容。
原理⼆：基于Elment在遵循CSS样式的标准下，也⾃定义的⼀部分样式，所以IE不兼容部分样式也是可能存在的。基于Element⾃定义样式是否被IE进⾏整合为标准，这是Elment开发团队做的事，理论上讲，应该通过⼀种解决⽅案兼容了。如果兼容了，则IE能识别，反之，则⽆法识别，且样式布局应该会使⽤IE已预定义好的样式呈现对应的元素及标签。
原理三：IE浏览器的核⼼功能就是页⾯浏览器，⽤于检索⽹页(HTML 全称 Hypertext Markup Language) 并呈现的应⽤程序.
三、IE兼容Element⽅案
由于Element与Vue配合使⽤，Element是基于遵循ES6标准的Vue的语法且IE不⽀持ES6标准
<div class="custom-tree-container">
<div class="block">
<el-tree :data="list" node-key="id" :render-content = "renderContent">
</el-tree>
</div>
</div>
<script>
let id = 1000; //注意:IE也不⽀持变量不提升标准.
振荡电路export default {
data() { }, //该写法IE不⽀持，该成data:function(){ ... } 即可.
methods: {
//下列函数来⾃于官⽹
renderContent(h, { node, data, store }) {
//改写：renderContent:function(h,data){...}
return ();
}
}
};
</script>
参考博客：
总结与收获
本兮是怎么走的Element+Vue的组件组合模式，适⽤于市场、商务⽅⾯。
BootStrap+Jquery+JqGrid | HTML+CSS+JavaScript
1.对于构建UI Framework的理解加深、IE浏览器所⽀持的基本语法及标准。温馨提⽰：本篇博客不定时更新内容与修改博客，喜欢的博友可以收藏。
发布评论