在公司实习使用vue+element-ui框架进行前端开发，使用表格el-table较为多，有些业务逻辑比较相似，有些地方使用的重复性高，如果多个页面使用相同的功能，就要多次重复写逻辑上差不多的代码，所以打算对表格这个组件进行封装，将相同的代码和逻辑封装在一起，把不同的业务逻辑…

1.封装el-table组件，实现组件服用，根据配置不同的参数，提高组件的复用性，可以在任何页面，任何场景下自定义表格类型及样式，互不影响 2，组件引用，减少代码量，是前端页面工程化的极大改善

使用过element-ui的表格的同学应该都有这样的体会，做一个简单的表格还比较容易，但如果这个表格包含了顶部的按钮，还有分页，甚至再包含了行编辑，那开发工作量就成倍的增加，特别是在开发管理系统的时候，表格一个接一个的去开发， 即浪费时间，还对个人没有什么提升。今天小编带来了自…

每天都在写代码，虽然手底下马不停蹄的敲，但是该来的加班还是会来的，如何能更快的完成手头的工作，提高自己的开发效率，今天小编给大家带来了这几个Vue小技巧，终于可以在六点像小鹿一样奔跑着下班了。 先赞后看，艳遇不断，哈哈哈哈 前几天产品经理给我甩过来一份管理系统的设计原型，我打开…

这样看起来代码又变多了，虽多此一举的做法但是会使得代码可读性更好一些。 一个编程的小技巧，可能没有什么太大的意义，且在实际项目中很少有机会会用到，只是开拓一下思路，水平有限，希望能对大家有帮助。

页面的大致效果就是这样的：1、点击最上面的框进行全选2、可以对每一行的数据进行单选3、将单选/全选的数据在请求后台接口的时候传给后台这里呢实际上没有用到checkbox，只是用到了element中ta

通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…

在开发后台类的系统，经常会使用到表格展示形式，但我们往往都会发现这些表格的展示出来的样子都基本都是大同小异的，极个别是不一样的。基于这样背景之下，希望开发一个可自定义配置的表格、根据配置自动渲染表格内容。 其它 Element 的 el-pagination支持的属性，它也都支…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…