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

在 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
相关推荐
T畅N11 小时前
审批流设计器(前端)
前端·elementui·vue·html·流程图·js
不会敲代码113 小时前
从零到一:用 Vue3 + Kimi 大模型打造「拍照记单词」AI 应用
vue.js·typescript·aigc
隔壁的大叔13 小时前
Markdown 渲染如何穿插自定义组件
前端·javascript·vue.js
RONIN13 小时前
脚手架搭建项目框架(create-vite、vue-cli、create-vue、quasar-cli)
vue.js
愚者Pro13 小时前
Flutter基础学习
前端·javascript·vue.js
吴声子夜歌14 小时前
Vue3——使用Mock.js
javascript·vue·mock.js
RONIN14 小时前
mock模拟后端,生成伪数据接口
vue.js
Hello-Mr.Wang15 小时前
【保姆级教程】MasterGo MCP + Cursor 一键实现 UI 设计稿还原
前端·javascript·vue.js·ai编程
RONIN15 小时前
UI组件库vant3(移动端用的比较多)
vue.js
本末倒置18315 小时前
Vue 3 开发者转型 React 指南:保姆级教程
前端·javascript·vue.js