elementUI table 对表格内生成的自定义数据进行自定义规则排序

需求原型

 table 为页面内封装的子组件,tableData由父组件props传入,点击排序时无需请求接口,仅对数据排序,表中的日均销量非原生接口传入,是在table表中按照规则自己计算出来的。表格列不能添加 sortable  因而原生的一些排序方法(defaulf-sort/sort-methods/sort-by)等等无法使用。

elementUI table 对表格内生成的自定义数据进行自定义规则排序_第1张图片

 此列数据,因为后端不愿意计算,只能放在前端(97-103) 怎么说呢  蛋疼。。。。

elementUI table 对表格内生成的自定义数据进行自定义规则排序_第2张图片

 

最终的实现逻辑,非常简单,table数据是computed 计算属性返回出的,这个排序的组件也封装在这个表格组件里,所以,在返回前稍加处理 选择销量排序逻辑 选择日均排序逻辑,稍微麻烦点,最后把表格数据return出来

elementUI table 对表格内生成的自定义数据进行自定义规则排序_第3张图片

svn commit 。。

记录一下这个东西,耗了一点时间。

你可能感兴趣的:(import,this)