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

在 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
相关推荐
icebreaker2 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker2 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n2 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
wuhen_n2 小时前
AST转换:静态提升与补丁标志
前端·javascript·vue.js
destinying2 小时前
性能优化之实战指南:让你的 Vue 应⽤跑得飞起
前端·javascript·vue.js
徐小夕4 小时前
JitWord Office预览引擎:如何用Vue3+Node.js打造丝滑的PDF/Excel/PPT嵌入方案
前端·vue.js·github
SuperEugene5 小时前
后台权限与菜单渲染:基于路由和后端返回的几种实现方式
前端·javascript·vue.js
SuperEugene5 小时前
弹窗与抽屉组件封装:如何做一个全局可控的 Dialog 服务
前端·javascript·vue.js
北冥有鱼5 小时前
JSON或代码对比的工具-vue
vue.js
SuperEugene5 小时前
组合式函数 、 Hooks(Vue2 mixin 、 Vue3 composables)的实战封装
前端·javascript·vue.js