中文拼音排序 element-ui的table web端實現

直接上代碼

 <el-table-column
      label="table的列名"
      sortable
      :sort-method="function(a,b){a.name.localeCompare(b.name, 'zh-Hans-CN', {sensitivity: 'accent'})}"
    >
      <template slot-scope="scope">{{ scope.row.name }}</template>
    </el-table-column>

 

解釋：1.sortable必須寫上代表可以排序

　　　2.我用的是sort-method屬性，對數據進行排序的時候使用的方法，僅當 sortable 設置為 true 的時候有效，需返回一個數字，和 Array.sort 表現一致；

　　    3.經過測試，a傳入的row，因此需要把實際屬性點出來進行排序

      　  4划重點，能進行中文排序的原因是API - localeCompare 這個屬性，有這個屬性的才能進行排序所以最好還是先判斷一下是否有這個屬性，瀏覽器的，有的話才啟用排序功能