var baseData={ null:"", count:"", avgweight:"", avgchgTmp:"", } const data = reactive({baseTable: toRefs({ ...baseData }), baseTable1:toRefs({ ...baseData }), //res1List已经得到数据 setData(res1List,data.baseTable1); setData(res2List,data.baseTable2); const setData = (allCases,TableName)=>{ Object.keys(TableName).forEach((key) => { const matchingCase = allCases.find((item) => item[key.toUpperCase()] !== undefined); if (matchingCase && matchingCase[key.toUpperCase()] !== undefined && matchingCase[key.toUpperCase()] !== null && TableName[key] !== matchingCase[key.toUpperCase()]) { TableName[key] = matchingCase[key.toUpperCase()]; } }); } 为什么页面<span> {{ data.baseTable1.avgchgTmp }} </span>不显示数据

根据你提供的代码，可能是因为在调用`setData`函数之前，`data.baseTable1.avgchgTmp`还没有被赋值，因此它的值是`undefined`，无法显示在页面上。你可以在调用`setData`函数之前，给`data.baseTable1.avgchgTmp`一个初始值，或者在模板中加入条件渲染，只有当它有值时才显示。另外，你的代码中有一处错误，调用`setData`应该在定义之后，你需要将其移动到函数定义的下面才能正确调用。