一.接收数据的两个表
//这个表只放西药的
<el-table :data="tableData1">
<el-table-column prop="name"
label="名字">
</el-table-column>
<el-table-column
prop="drugType"
label="类型">
</el-table-column>
</el-table>
//这个表只放中药的
<el-table :data="tableData2">
<el-table-column prop="name"
label="名字">
</el-table-column>
<el-table-column
prop="drugType"
label="类型">
</el-table-column>
</el-table>
二,return两个表格
export default {
data() {
return {
tabledata1[],
tabledata2[]
}
三,接受返回来的数据
click(){
that.$axios({
method: 'get',
url: '/Query/click?Id='+Id,
}).then((result) => {
var data =result; //result为后端查出来的数据,的格式应该是是这样的:
[
{ name: '王小虎',drugType: '西药'},
{ name: '王小虎',drugType: '中药'}
]
//如果你的格式不是这样的,应该改成这样的。
let a = data.filter((item, i) => {
return item.drugType != "中药";
})
//返回的结果a是药品为西药的 [{ name: '王小虎',drugType: '西药'}]
let b = data.filter((item, i) => {
return item.drugType != "西药";
})
//返回的结果b是药品为中药的 [{ name: '王小虎',drugType: '中药'}]
that.tableData1=a; //这个表格专门返回为西药的
that.tableData2=b //这个表格专门返回为中药的
})
},