<template> <div> <input type="text" v-model="searchId" placeholder="请输入sample_id"> <button @click="search">搜索</button> <el-table ref="multipleTable" :data="filteredData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"></el-table-column> <el-table-column prop="sample_id" label="sample_id" width="120"> <template slot-scope="scope">{{ scope.row.sample_id }}</template> </el-table-column> <el-table-column prop="feature0" label="feature0" width="120"></el-table-column> <el-table-column prop="feature1" label="feature1" width="120"></el-table-column> <el-table-column prop="feature2" label="feature2" width="120"></el-table-column> <el-table-column label="操作" fixed="right" width="135"> <template slot-scope="scope"> <el-button type="text" @click=handleEdit(scope.$index)>编辑</el-button> <el-button type="text" @click="deleteRow(scope.$index)">删除</el-button> </template> </el-table-column> </el-table> </div> </template> <script> export default { data() { return { searchId: '', tableData: [], // your table data array filteredData: [] // array to store filtered data } }, methods: { search() { if (this.searchId.trim() === '') { this.filteredData = this.tableData; // if searchId is empty, show all data } else { this.filteredData = this.tableData.filter(item => { return String(item.sample_id).includes(this.searchId); }); } } } } 实现根据sample_id的值进行查询,并将结果展示到表格中
时间: 2024-04-17 19:23:53 浏览: 80
PyPI 官网下载 | hikvision_isapi_wrapper-0.2.3.tar.gz
5星 · 资源好评率100%
你的代码看起来已经正确地实现了根据 `sample_id` 的值进行查询,并将结果展示到表格中。当你在输入框中输入 `sample_id` 的值并点击搜索按钮时,表格会根据 `sample_id` 进行过滤,并将匹配的数据展示出来。
请确保你的 `tableData` 数组包含正确的数据,并且在点击搜索按钮时能够正确地更新 `filteredData` 数组。
如果你在使用过程中遇到了问题,请提供具体的错误信息或描述问题的详细情况,以便我能够更好地帮助你解决。
阅读全文