如何在vuetify数据表中自定义搜索属性以搜索格式化值?

时间:2020-07-29 14:31:46

标签: vuejs2 vuetify.js

给出具有搜索属性的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>

0 个答案:

没有答案