这次给大家带来vue.js element-ui tree树形控件如何修改iview，vue.js element-ui tree树形控件修改iview的注意事项有哪些，下面就是实战案例，一起来看一下。z
实现原理
修改了element-ui源码，把源码里面的tree模块提取出来
然后修改element自带checkbox等组件为iview的checkbox，并且兼容方法
最后修改element样式，改为iview风格，自己也添加了一些样式
新的tree组件可以说是element的逻辑，iview的风格
登录后复制
修改handleCheckChange，因为iview的checkbox组件逻辑不同，函数的返回不一样，需要兼容
handleCheckChange(ev) { this.node.setChecked(ev, !this.tree.checkStrictly); },
登录后复制
提取完成后的项目结构，以及封装成npm插件
使用方法
必须安装iview
样式风格全部替换成了ivew
功能全部按照element-ui原先一样
npm i chu-tree-iview
登录后复制
import chuView from 'chu-tree-iview'Vue.use(chuView)
登录后复制
使用文档跟element-ui一模一样
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
Html禁止右键复制功能
JS实现文件拖拽步骤详解（附代码）
以上就是vue.js element-ui tree树形控件如何修改iview的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2763964.html
