如何实现一个表格内调用两个接口来渲染不同字段数据?-灵析社区

素素数数

![图片.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/7c87a3ea8b9fa4fe53730e321dcf0938.png) let SerialForm = reactive({ tableData: [], // 列表数据 }) onMounted(() => { GetSerID()//获取初始的列表数据----获取串口id }) // 获取初始的列表数据----获取串口id async function GetSerID() { const SerIDList = await api.GetSerialId(); const { data: res } = SerIDList; const result = res.port_thruput.split(",").reduce((acc, curr, index, array) => { if (index % 3 === 0) { const [portId, rate, thruput] = array.slice(index, index + 3); const formattedPortId = parseInt(portId).toString(16).padStart(2, '0'); if (formattedPortId >= '01' && formattedPortId 问题一、当"串口输出id"和"报文/频率" 。分别需要两个接口来获取对应的数据,第一个接口是获取id的接口,第二个接口是需要将id传值给第二接口才会返回"报文/频率"的内容,请问大佬们我该如何才能实现获取两个不同的接口数据在el-table内显示呢? 我试着将两个接口分别不同的请求,来获取不同的字段数据,但是第二个接口返回的数据渲染在表格里,会把第一个返回的id给替换掉? 问题二、下面这是第二个接口返回的数据, ![1702884202028.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/ce7a2d85457cb5526d8ea6c87eeb7dc0.png) 但是需要在列表内这样显示,这是要求显示的格式 ![图片.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/40bbb52846fa4a30975cbe0a7ada8486.png) 请问该如何修改?求大佬们指点指点,谢谢

阅读量:15

点赞量:0

问AI
// 获取初始的列表数据----获取串口id async function GetSerID() { const SerIDList = await api.GetSerialId(); const { data: res } = SerIDList; const result = res.port_thruput.split(",").reduce((acc, curr, index, array) => { if (index % 3 === 0) { const [portId, rate, thruput] = array.slice(index, index + 3); const formattedPortId = parseInt(portId).toString(16).padStart(2, '0'); if (formattedPortId >= '01' && formattedPortId value !== 0) .map(([key, value]) => ({ key, value })); let formatted = filteredData.map(({ key, value }) => `${key.replace('_FREQ', '').toUpperCase()}/${value}`); // 将得到的报文/频率字段合并到之前的表格数据中 SerialForm.tableData = SerialForm.tableData.map(item => { if (item.portId === portId) { return { ...item, formattedFrequency: formatted.join('; ') }; } return item; }); }