Vuetify使用哪个比较器对数据表的String列进行排序

oxiaedzo  于 2022-12-23  发布在  Vue.js
关注(0)|答案(2)|浏览(157)

如果我以标准的Vuetify为例,将Calories更改为包含String,那么现在数据不全是数字:https://codepen.io/hobbeschild/pen/WNQWmrJ
那么Vuetify内部使用什么比较器来排序这些字符串呢?
假设我有另一个页面,上面有一个v-选择,我想给用户提供表格中另一个页面上的所有卡路里选项,我想以相同的顺序显示它们,当卡路里按升序排序时,我该如何复制呢?
我想我需要在填充v-select之前做一些类似这样的事情(这不会对它们进行正确的排序,但我想它会是类似的):

calories.sort((a, b) => a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' }))

我设想v-data-table代码在内部执行localeCompare或类似的操作,我只需要它使用的参数。

aij0ehis

aij0ehis1#

我想可能是这个
https://github.com/vuetifyjs/vuetify/blob/268434aa851dded8b67c0e67bfa39b3cbe791584/packages/vuetify/src/util/helpers.ts#L285
尽管我不确定如何直接引用sortItems方法。

import { sortItems } from "vuetify/src/util/helpers";

我收到一个错误“无法解析'vuetify/src/util/helpers'”。

x8diyxa7

x8diyxa72#

@hobbes_child注解I更改为从库导入已解决

import { sortItems } from "vuetify/lib/util/helpers";

相关问题