在 vuetify 数据中搜索没有特殊字符的内容-table
Search without special characters in vuetify data-table
我使用 Vuetify data-table 组件,我想在搜索时忽略特殊字符。
例如,在我的 table 中,我有波兰语名称“Łukasz”,我想在键入“lukasz”时找到它。
可能吗 ?
谢谢
我找到了解决办法:
在我的对象中,我添加了一个值,该值使用 latinize.js 模块连接原始名称和没有特殊字符的名称:
import latinize from 'latinize';
Person.searchLastName = Person.LastName + ' ' + latinize(Person.LastName);
在 headers 对象中,我使用了我的新值,但我添加了一个模板来用原始值替换此内容,如下所示:
<template #[`item.Person.searchLastName`]="{ item }">
<!-- use different value to allow search without special chars -->
{{item.Person.LastName}}
</template>
我使用 Vuetify data-table 组件,我想在搜索时忽略特殊字符。 例如,在我的 table 中,我有波兰语名称“Łukasz”,我想在键入“lukasz”时找到它。 可能吗 ? 谢谢
我找到了解决办法: 在我的对象中,我添加了一个值,该值使用 latinize.js 模块连接原始名称和没有特殊字符的名称:
import latinize from 'latinize';
Person.searchLastName = Person.LastName + ' ' + latinize(Person.LastName);
在 headers 对象中,我使用了我的新值,但我添加了一个模板来用原始值替换此内容,如下所示:
<template #[`item.Person.searchLastName`]="{ item }">
<!-- use different value to allow search without special chars -->
{{item.Person.LastName}}
</template>