vue.js - 在 vuetify 数据表中搜索没有特殊字符

Question

我使用 Vuetify 数据表组件，我想在搜索时忽略特殊字符。例如，在我的表中，我有波兰语名称“Łukasz”，我想在输入“lukasz”时找到它。可能吗 ？谢谢

Answer 1

我找到了一个解决方案：在我的对象中，我添加了一个值，该值使用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>