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

在 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
相关推荐
代码老y2 分钟前
十年回望:Vue 与 React 的设计哲学、演进轨迹与生态博弈
前端·vue.js·react.js
前端snow32 分钟前
前端无接口实现Table导出Excel的两种方案(附完整代码)
javascript·vue.js·react.js
yangholmes88882 小时前
如何为 Vue 组件提供 slots 静态类型检查
vue.js
借月2 小时前
高德地图绘制工具全解析:线路、矩形、圆形、多边形绘制与编辑指南 🗺️✏️
前端·vue.js
....4925 小时前
Vue3 + Element Plus 实现可搜索、可折叠、可拖拽的部门树组件
前端·javascript·vue.js
bitbitDown6 小时前
重构缓存时踩的坑:注释了三行没用的代码却导致白屏
前端·javascript·vue.js
Solon阿杰7 小时前
前端(react/vue)实现全景图片(360°)查看器
javascript·vue.js
前端程序猿i7 小时前
用本地代理 + ZIP 打包 + Excel 命名,优雅批量下载跨域 PDF
前端·javascript·vue.js·html
Danny_FD7 小时前
Vue2 中使用vue-markdown实现编辑器
前端·javascript·vue.js
前端赵哈哈8 小时前
Vue 3 + TypeScript 项目模板
前端·vue.js·vite