前端使用elemnt-ui自定义排序

原创
Element Ui之利用sort-change事件及sortable属性实现Table表格指定列的排序
2019-08-29 17:00:58 杨丫丫 阅读数 707更多
分类专栏： Element Ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangfan_357/article/details/100140641
表格的表现形式如下：
注意：该实例介绍的为根据“型号”进行排序，或者根据"创建时间"进行排序！！！

具体步骤如下：
1.创建table，绑定data，绑定列名prop，绑定监听事件sort-change

<el-table :data=“tableData” border style=“width: 100%” v-loading=“loading” @sort-change=“changeTableSort”>

{ {scope.$index + 1}}






2.初始化列表数据tableData及加载状态loading

data() {
return {
tableData: [
{
model:2,
modelName:“水浸”,
description:“ccc”,
createTime:“2019-07-17T06:55:14.000+0000”
},
{