123测试
123测试
说明 table-layout是对整个表格宽高等布局进行修改的。 源码解读
filter-panel是专门针对筛选器写的一个组件,最外面是一个el-zoom-in-top的transition,然后内部根据是否可以多选分为两个部分,多选部分用 che...
说明 table-header是表头组件,较为复杂,直接看源码解读。 源码解读
说明 table-column 是较为重要的一部分,但是代码相对较少,比较复杂的地方请查看大佬的Vue 2 的动态添加模板方法,现在已不推荐使用。 源码解读
说明 table-body 是表格的主体部分,也是较为简单,因此不细说。 源码解读
说明 table.vue 是最终将各个组件拼接起来的地方,较为简单,因此不进行赘述,请确保看过一下几个分解的部分: Element分析(工具篇)——Table Element...
说明 这一部分是为 table 相关组件实现的对应的状态信息的管理。 源码解读
说明 这一部分是在 table 组件中用到的相关的工具。 源码解读
说明 v-sync是用来同步组件的prop和它上下文中的变量的,这里面有一个非常有趣的小技巧:$watch会返回一个unwatch的函数来取消监听。 源码解读
说明 popper是参考popper.js来实现浮动的工具,结构十分清晰明了,通过modifiers来处理数据的思路在vue中也有相应的体现,因此值得学习,源码较长,建议大家...
说明 用来对日期进行处理。 源码注解
说明 element很注重多语言,自己进行了处理,如果存在vue-i18n则使用它,否则使用自己实现的工具。 index.js format.js
input-number组件是用来输入数字的,也不是很复杂。 最外层 最外层是一个div.el-input-number,上面有一些动态的class。 size size是一...
icon组件可能是最简单的一个组件,就是根据传入的name来加上相应的类,通过icon font来显示相应的图标,没有什么好讲解的。 template script
_index.js 单选框内部一共有三个组件:el-radio、el-radio-button和el-radio-group,我们将一一进行讲解。 radio-group r...
布局一共有两个组件,一个是row,另一个是col,后者是通过render函数来创建的,我们一一进行讲解。 Row row类似于bootstrap中的container,用来作...
说明 用来处理对象合并。 源码注解
说明 用来监听元素的大小改变的。具体原理可以查看我的分析:奇技淫巧——通过scroll来监听resize 源码注解