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

在 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
相关推荐
前端摸鱼匠7 小时前
Vue 3 的defineEmits编译器宏:详解<script setup>中defineEmits的使用
前端·javascript·vue.js·前端框架·ecmascript
英俊潇洒美少年7 小时前
Vue3 企业级封装:useEventListener + 终极版 BaseEcharts 组件
前端·javascript·vue.js
英俊潇洒美少年13 小时前
前端组件化开发最佳实践 + 高频面试题(Vue & React)
前端·vue.js·react.js
吴声子夜歌14 小时前
Vue3——计算属性和监听属性
前端·vue.js
阿民_armin14 小时前
使用 IntersectionObserver + 哨兵元素实现长列表懒加载
前端·javascript·vue.js
不想说话的麋鹿14 小时前
「性能优化」虚拟列表极致优化实战:从原理到源码,打造丝滑滚动体验
前端·vue.js·面试
一 乐15 小时前
工会管理|基于springboot + vue工会管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·工会管理系统
XTTX11015 小时前
Vue3+Cesium电子围栏效果
前端·javascript·vue.js
Ruihong16 小时前
你的 Vue 3 defineProps(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
小高00716 小时前
🔥前端性能内卷终点?Signals 正在重塑我们的开发习惯
前端·javascript·vue.js