Javascript 从axios API中搜索vue b表中的特定数据

我已经创建了一个b表，它存储了从Swagger UI中点击的API中的所有数据，因为有很多数据我想通过输入存储代码或分支来让页面顶部中间的搜索按钮正常工作 如何为表实现过滤器，使搜索按钮按其应有的方式工作？提前谢谢 这是我代码的一个高峰（我已经尝试过为存储代码制作过滤器，但它似乎不起作用

//eslint禁用下一行无未使用的变量
从“~/api/delivery”导入{GetAllProvisions}
导出默认值{
数据（）{
返回{
每页：0，
当前页面：1，
行：0，
项目：[]，
字段：[
{
键：“id”，
可排序：是的，
标签：“ID”，
类：“截断”，
},
{
键：“uploadReference”，
可排序：是的，
标签：“上载引用”，
类：“截断”，
},
{
键：“requestId”，
可排序：是的，
标签：“请求ID”，
类：“截断”，
},
{
关键字：“storeCode”，
可排序：是的，
标签：“存储代码”，
类：“截断”，
},
{
键：“branchCode”，
可排序：是的，
标签：“分支代码”，
类：“截断”，
},
{
关键字：“b2bId”，
可排序：是的，
标签：“B2B ID”，
类：“截断”，
},
{
键：“请求”，
可排序：是的，
标签：“请求”，
类：“截断”，
},
{
键：“响应”，
可排序：是的，
标签：“响应”，
类：“截断”，
},
{
键：“createDate”，
可排序：是的，
标签：“创建日期”，
类：“截断”，
},
{
关键字：“错误分类”，
可排序：是的，
标签：“错误分类”，
类：“截断”，
},
],
}
},
计算：{}，
观察：{
当前页面：{
处理程序（值）{
这个文件名为getAllStock（）
},
搜索（）{
const data=this.items
如果（this.search.length>0）{
if（data.filter（（item）=>item.storeCode==this.search））{
this.items=data.filter（（item）=>item.storeCode==this.search）
}否则{
this.search=“”
这个文件名为getAllStock（）
}
}否则{
这个文件名为getAllStock（）
}
},
},
},
//组成部分：{
// },
创建（）{
这个文件名为getAllStock（）
},
安装的（）{
这个文件名为getAllStock（）
},
方法：{
getAllStock（）{
这是axios
.得到(
'http://swaggerlinkhere?requestPage=' +
此为.currentPage+
“&status=1”
)
。然后（（res）=>{
//eslint禁用下一行无控制台
console.log（res.data）
this.items=res.data.stocks
this.allStock=res.data
this.rows=res.data.totalDocuments
//eslint禁用下一行无控制台
//log（'cek res stock:'，JSON.stringify（res.data））
})
},
},
}

.截断{
最大宽度：190px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

地位⠀⠀⠀⠀ :
分支机构⠀:


存储代码⠀:
搜寻




存货清单
当前页面：{{currentPage}

{{
数据值
}}

您可以对状态代码和分支代码使用引导表过滤器

var-app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
筛选器：null，
过滤器号：[]，
每页：0，
当前页面：1，
行：0，
项目：[]，
字段：[{
键：“id”，
可排序：是的，
标签：“ID”，
类：“截断”，
},
{
键：“uploadReference”，
可排序：是的，
标签：“上载引用”，
类：“截断”，
},
{
键：“requestId”，
可排序：是的，
标签：“请求ID”，
类：“截断”，
},
{
关键字：“storeCode”，
可排序：是的，
标签：“存储代码”，
类：“截断”，
},
{
键：“branchCode”，
可排序：是的，
标签：“分支代码”，
类：“截断”，
},
{
关键字：“b2bId”，
可排序：是的，
标签：“B2B ID”，
类：“截断”，
},
{
键：“请求”，
可排序：是的，
标签：“请求”，
类：“截断”，
},
{
键：“响应”，
可排序：是的，