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

在 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
相关推荐
ai产品老杨15 分钟前
提前对风险进行预警并实施管控,运用AI技术将管理推向新时代的智慧地产开源了。
vue.js·人工智能·安全·开源·音视频
前端熊猫23 分钟前
组件十大传值
前端·javascript·vue.js
licy__3 小时前
Vue 3 中页面跳转方式的详细介绍
前端·javascript·vue.js
前端热爱者3 小时前
vue-element-admin npm install 安装失败,tui-editor更名导致
前端·vue.js·npm·tui-editor
tester Jeffky3 小时前
深入探索Vue.js中的class绑定:动态样式管理的核心机制
前端·javascript·vue.js
kk爱闹3 小时前
弹窗组件嵌套弹窗组件问题
前端·javascript·vue.js
这可不简单3 小时前
vue2 和 vue3 :关于keep-alive 使用的不同
前端·vue.js·vue
Benson叔3 小时前
Vue3动态表单实现
前端·javascript·vue.js
雪芽蓝域zzs4 小时前
Vue Web开发(十)
前端·javascript·vue.js