element-table后端排序

排序是个很纠结的事情
elementui-table 为我们提供了排序的方法

 <!-- 列表展示区域 222  ascending-->
          <div>
            <el-table
              :data="tableData"
              border
              v-loading="dataListLoading"
              style="width: 100%"
              @sort-change="sortthiscolumn"
              :default-sort="{prop: 'pubDate', order: 'ascending'}"
              @selection-change="handleSelectionChange"
              @cell-click="cellClicked"
            >
              <el-table-column width="50px" align="center" type="selection"></el-table-column>
              <el-table-column
                prop="title"
                label="书名"
                align="left"
                width="150px"
             
                show-overflow-tooltip
              >
                <template slot-scope="scope">
                  <a href target="_blank" class="buttonText">{
   {
   scope.row.title}}</a>
                </template>
              </el-table-column>

              <el-table-column
                prop="author"
                label="作者"
                width="150px"
                sortable="custom"
                show-overflow-tooltip
              ></el-table-column>
              <el-table-column
                prop="pubDate"
                label="出版日期"
                width="150px"
                sortable="cus