这次给大家带来element-ui控件操作iview的方法,element-ui控件操作iview的注意事项有哪些,下面就是实战案例,一起来看一下。
实现原理
修改了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一模一样
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
AutoIt v3 版本, 这是一个使用类似 BASIC 脚本语言的免费软件, 它设计用于 Windows GUI(图形用户界面)中进行自动化操作. 利用模拟键盘按键, 鼠标移动和窗口/控件的组合来实现自动化任务. 而这是其它语言不可能做到或无可靠方法实现的(比如VBScript和SendKeys). AutoIt 非常小巧, 完全运行在所有windows操作系统上.(thesnow注:现在已经不再支持win 9x,微软连XP都能放弃, 何况一个win 9x支持), 并且不需要任何运行库. AutoIt









