Vue表格中文排序
?在el-table添加@sort-change="onSortChange"方法,在method中添加一下代碼
注:prop==' 添加想要進行中文排序的字段名 '
// 名字中文排序onSortChange({ prop, order }) {// console.log(prop)if (prop == 'DriverName') {this.tableData.sort(this.compare(prop, order));}},compare(propertyName, sort) {return function (obj1, obj2) {var value1 = obj1[propertyName];var value2 = obj2[propertyName];if (typeof value1 === "string" && typeof value2 === "string") {const res = value1.localeCompare(value2, "zh");return sort === "ascending" ? res : -res;} else {if (value1 <= value2) {return sort === "ascending" ? -1 : 1;} else if (value1 > value2) {return sort === "ascending" ? 1 : -1;}}};},總結(jié)
- 上一篇: vue给url 中文参数 添加编码解码
- 下一篇: Vue中使用把汉字转化为拼音字母