给出具有搜索属性的vuetify数据表,我希望用户能够在屏幕上显示给他的数据字符串中进行搜索。
虽然我在表中显示的大多数值显示的值与我的数据对象中的值相同,但在 balance (数字)和 due的情况下,它们是可以区分的em>(日期)属性,因为我使用格式来生成本地化的字符串。
问题是,如果用户在搜索字段中输入“ 2,1”以查找相应的值,则由于余额像“ 2.1”那样存储,因此他找不到该值。截止日期相同。
是否有一种简便的方法来启用vuetify数据表上的search属性以根据行的格式化值检测行?
我的数据表:
<v-data-table
:headers="headers"
:items="myData"
:search="searchString"
/>
两列的格式:
<template v-slot:item.balance="{ item }">
{{ item.balance | toCurrency }}
</template>
<template v-slot:item.due="{item}">
{{ formatDate(item.due) }}
</template>