Vue技术之“关于sortable排序的使用”

Vue关于sortable排序的使用

方案1

在使用sortable后要注意给el-table-column中加入prop="overdueDays"参数，不然会找不到需要排序的数据

<el-table-column prop="overdueDays" label="过期天数" sortable >
  <template slot-scope="{ row }" >
    <span v-if="row.overdueDays <= 3" class="danger" >{{ row.overdueDays }}</span>
    <span v-else >{{ row.overdueDays }}</span>
  </template>
</el-table-column>

 

 

方案2

这个方案就是直接使用，因为不需要像上面一样需要处理逻辑，所以这里直接加入sortable，但同样要有 prop="relatedSkuJoin"参数

<el-table-column prop="relatedSkuJoin" label="关联SKU" show-overflow-tooltip sortable />