每个前端都应该拥有自己的组件库,就像每个夏天都有西瓜🍉。本期延续上期的组件工程化的主题，夏日炎热，点上一杯杨枝甘露，和洛竹赴一场 Button 开发之约吧。

使用场景大家应该遇到过如下图所示的需求，就是表格里带有输入框或者选择框，如果要求校验，怎么做？先贴上代码，可以直接copy至本地，用浏览器打开即可需要注意的是，el-form-item的prop绑定的

通过slot-scope="scope"添加操作按钮，这是专门为我们提供的插槽，方便自定义添加不同的内容。 说明：表头单元格的 className 的回调方法，也可以使用字符串为所有表头单元格设置一个固定的 className。 说明：表头单元格的 style 的回调方法，也可…

又重复写模版了... table 作为数据展示组件，在日常开发中经常被用到，通过这篇文章，可以看到结合 vue 的 slot/component 特性，做一层封装，可以大大简化 table 的使用，大部分时候只需写一个配置属性就可以了。

非常感谢 ElemeFE 团队开发的 Element 组件库，这套组件库不但界面美观而且代码优雅，十分值得借鉴。Table 是较为常用的组件之一，本文仅对 Table 结构做一个简单的分析，具体实现可参考 Element 源码 (V1.25)。 表格结构 <div clas…

最近在做一个基于vue的后台管理项目。平时项目进度统计就在上禅道上进行。so~ 然后领导就感觉这个拖拽效果还行，能不能加到咱们项目里面。 既然领导发话，那就开干。。 拖动的实现基于 vuedraggable的插件开发。 主页为两栏流式布局，每一个组件可以在上下拖动，也可以左右拖…

一个轻量的 Vue 拖动排序插件，兼容桌面和移动端。

Vue.Draggable实现组件拖拽特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，