针对el-table数据不刷新的问题,可以从以下几个方面进行排查和解决: 1. 检查数据源是否更新 确保你更新数据源的操作确实改变了绑定的数据。在Vue中,数据必须是响应式的,Vue才能自动跟踪其变化并更新DOM。如果数据源是在组件外部修改的,或者通过非响应式方式(如直接修改数组长度或对象属性)修改的,那么Vue可能无法检测到...
1. 在nextTick中使用this.$refs.table.doLayout() 2. 在data赋值前清空tableData 3. 强制刷新:this.$forceUpdate() 1. 2. 3. 给table加个key <el-table ref="table" :data="tableData" :key="itemKey" ></el-table> // 在tableData赋值的地方,顺便随机设置下key,页面就会刷新了 this.itemKey = ...
第一种情况,直接把key写在表格上 一、所遇到的问题 在使用el-table组件时,数据已经发生了变化,但是页面显示的数据却没变化; 二、解决办法 在el-table中添加一个key,可以设置成boolean类型的,在数据更新后更新这个key; 1<el-table :data="currentRecordList":key="isUpdate">2<el-table-column prop="address"...
</el-table-column> 问题使用slot="header",改变判断条件,页面数据不更新。 解决办法:<template slot="header" >改成<template #header>,就好了
el-table数据更新了,表格里的数据不更新的解决办法 解决办法 如果有两个table交替显示,给table设置key='xxx',确保数据能找到他的html; 如果只有一个table,并且只修改了table里的部分数据,可以将table的data指向的数据重新赋值,如:this.dataList = [...this.dataList]。
common.vue包含el-table组件。 common.vue有3个tab,比如是aa,bb,cc三个tab。三个tab的表格展示是不同的。aa为默认tab 使用: 比如first.vue组件引用了common.vue组件,切换到bb tab,展示的是bb tab相关的表格内容。 切换到second.vue组件,tab切换到了默认的aa tab,数据也更新到了aa tab的数据, 但是表格展示...
element的el-table表格自定义表头,slot="header"内,数据不更新的问题 再header里面输入框不可输入和删除 解决办法: 将slot="header"换成#header
element的el-table表格⾃定义表头，slot=header内，数据不更新 的问题 <template> <div class="bidsInfo"> <el-table ref="singleTable" :data="noticeData" highlight-current-row style="width: 100%;margin-top:40px;"> <el-table-column type="index" label="序号" width="50"> </el-table-...
表头部分用v-for循环生成的,给每个item(el-table-colum)绑定的key为prop,数据更新时,key没有变,所以el-table觉得表头数据是没有变化的,因此就只更新了整体表格数据、key值有变化的列的表头。 这里我遇到的情况,从表头数据4个变成3个视图变化,从3个变成4个视图变不回去,那么大概率不是这个问题。