element-ui table 多列數據動態排序(前后台交互)


1.html部分
<el-table ref="multipleTable" :data="tableData" @sort-change="sortChange"></el-table>
2.js部分
      sortChange(val){
          let vm = this
          let sortTip = val.order
          vm.sortType = val.prop
          if(sortTip === 'descending'){
            vm.sortValue = 'desc' // 降序
          } else if(sortTip === 'ascending'){
            vm.sortValue = 'asc' // 升序
          }
          vm.getData()
      },
3.補充說明
列字段名必須跟后台返回的列字段名保持一致,即前后台約定一致,否則需要映射數據

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM