中文拼音排序 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 这个属性，有这个属性的才能进行排序所以最好还是先判断一下是否有这个属性，浏览器的，有的话才启用排序功能

中文拼音排序 element-ui的table web端实现

相关推荐