VUE element-ui 写个复用Table组件的示例代码
饿了么的table组件功能很强大,对于项目中的各种表格基本够用,但是……个人对于它以列为单位的操作不习惯 =。=所以改成了另一种方式。项目中表格较多,所以复用性最重要先来个基本的表格展示官例的tableDatatable.vue简化一下表格:复用table.vue就是――――给它数据的同时告诉它我的字段名呗新建一个父组件sl_table.vuetable.vue就更简单了可以根据需求修改table的形式列宽度这个较为简单,可以直接加个属性table.vue自定义模板列如果我们需要告诉组件哪个是自定义的列,所以添加一个属性operatetable.vue表格展开行类似宽度,只要sl_table.vue传入一个isExpand的属性。这里加个每次只能展开一行的效果:table.vue其他的操作也是类似添加。。。
下载地址
用户评论