Javascript 如何通过合并列中的值在v-data-table中搜索?

Javascript 如何通过合并列中的值在v-data-table中搜索?,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我有这个v数据表: <v-data-table v-model="selectedAssets" :headers="headers" :items="assetList" :items-per-page="10" :search="search" :custom-filter="filterWithBarcodes" :den

我有这个v数据表:

<v-data-table
   v-model="selectedAssets" 
   :headers="headers"
   :items="assetList"
   :items-per-page="10"
   :search="search"
   :custom-filter="filterWithBarcodes"
   :dense="isDense"
   item-key="id"
   multi-sort
   show-select>
如何通过合并两列中的值来搜索此表?我必须按“条形码”进行搜索,条形码类似于“资产类型id”。第130圈。当我键入LAP或按id时,搜索只对单个列有效,但当我键入LAP-130时,它什么也找不到


可能是具有自定义筛选器属性的内容?

我相信您也可以为每个列提供自定义筛选器:

标题:[
{text:“资产id”,align:“开始”,sortable:true,value:“id”},
{text:“Name”,sortable:true,value:“Name”},
{
文本:“类型”,
可排序:是的,
值:“资产类型”,
筛选器:(值、搜索、项目)=>{
如果(!search)返回true;
返回`${item.assetType}-${item.id}`。包含(search.toLowerCase())
},
},
],

请注意,即使未提供搜索道具,此功能也将始终运行。因此,如果不应应用筛选器,您需要确保提前退出,并且值为true。

您可以发布资产列表,或者至少发布资产列表的一个示例吗?同意,idk为什么
headers:[
            { text: 'Asset id', align: 'start', sortable: true, value: 'id'},
            { text: 'Name', sortable: true, value: 'name'},
            { text: 'Type', sortable: true, value: 'assetType'},
            etc...
        ],