element-ui - tree 提取二次开发 ie兼容性问题

vue - element-ui - tree 提取二次开发 ie兼容性问题

环境

vue/cli 4.X
ie 10 / 11

element-ui - tree 提取二次开发 ie兼容性问题

问题

element-ui - tree 提取二次开发 ie兼容性问题

  • ie 11
    element-ui - tree 提取二次开发 ie兼容性问题

解决

推测问题在代码引入部分,查看elementUI源码

element-ui - tree 提取二次开发 ie兼容性问题

element-ui - tree 提取二次开发 ie兼容性问题

引入项目的其实是打包过的文件

解决方案,将二次开发后的组件打包后再引入

element-ui - tree 提取二次开发 ie兼容性问题

node_modules 中的elemntUI包中文件缺少build部分,去查找完整包

element-ui - tree 提取二次开发 ie兼容性问题

完整包链接 https://github.com/ElemeFE/element

找到组件所在位置进行二次开发

element-ui - tree 提取二次开发 ie兼容性问题

找到组件打包部分

element-ui - tree 提取二次开发 ie兼容性问题

打包组件只保留需要部分

// components.json
{
  "tree": "./packages/tree/index.js"
}

运行命令打包,获取所需文件

element-ui - tree 提取二次开发 ie兼容性问题

将打包好的文件放入项目引入

element-ui - tree 提取二次开发 ie兼容性问题

查看结果

ie 11 ok

element-ui - tree 提取二次开发 ie兼容性问题

ie 10 ok

element-ui - tree 提取二次开发 ie兼容性问题

总结

当然也可以将打包配置并入项目,但可能有各种包之间不兼容问题
直接使用源码打包简单粗暴

上一篇:【leetcode】563. Binary Tree Tilt


下一篇:LeetCode.3 无重复字符的最长子串