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

在 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
相关推荐
柒@宝儿姐2 分钟前
Vue动态修改页面的 title 浏览器页签名称
前端·javascript·vue.js
代码猫罐头10 分钟前
和Vue3全局属性说再见?
vue.js
程序员总部21 分钟前
Spring Boot中的YML配置列表的详细解析
vue.js
JustHappy30 分钟前
学会Vue上手React需要多久?我来试试?(比较一下Vue和React的基础业务模型的写法)
vue.js·react.js
离歌漠1 小时前
electron+vue+webview内嵌网页并注入js
javascript·vue.js·electron
巧克力力克巧!2 小时前
uni-app+vue3学习随笔
vue.js·学习·uni-app
鱼樱前端3 小时前
Vue3 + TypeScript + Better-Scroll 极简上拉下拉组件
前端·javascript·vue.js
影子信息3 小时前
element tree树形结构默认展开全部
前端·javascript·vue.js
甜点cc3 小时前
前端每个组件外面套一层el-form,这样好吗?
前端·javascript·vue.js
鱼樱前端3 小时前
Vue3 + TypeScript + Better-Scroll 万能上拉下拉组件
前端·javascript·vue.js