修改层级较深的数据导致页面没有实时渲染

在 el-table 中添加一个 key 值,设置成 Boolean 类型,在数据更新后去更新这个 key 值

html 复制代码
<el-table
                :key="feeTableDataRefresh"
                :data="applyFormData.feeTableData"
                :summary-method="getSummariesFee"
                show-summary
                style="width: 100%">
</el-table>

在数据更新的后面加上 this.refreshTable = !this.refreshTable 即可

html 复制代码
this.refreshTable = !this.refreshTable
相关推荐
愚者Pro11 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
前端毕业班14 小时前
uniapp web 灵活控制 style scoped
前端·javascript·vue.js
卤蛋fg615 小时前
vxe-table 数据分组 + 单元格图表:柱状图与饼图渲染实战
vue.js
用户8417948145615 小时前
vxe-table 数据分组:三种展示方式详解
vue.js
study-Java17 小时前
校园失物招领平台
java·spring boot·vue·intellij-idea·visual studio code
LJA6484417 小时前
用 MCP + 一句话生成了完整的 CRUD 页面
vue.js
梵得儿SHI18 小时前
Vue 项目实战与性能优化:工程化与协作全指南(规范 + 配置 + 协作 + 文档)
前端·vue.js·代码规范·eslint·团队协作·前端工程化·前端架构
xjf771119 小时前
AI 可读性与识别能力对比-TypeDom vs Vue
前端·vue.js·人工智能
蜡台19 小时前
Vue2 + TS,分路径参数、查询参数、装饰器组件 / Vue.extend 两种写法,同时补充类型约束、监听路由、动态路由取值。
前端·javascript·vue.js·router
用户85748243548020 小时前
useList 通用列表管理hook
vue.js·微信小程序