针对你提出的“el-table数据不更新”的问题,可以从以下几个方面进行排查和解决: 1. 检查el-table数据源是否已更新 首先,确保你提供给el-table的data属性所绑定的数据源已经更新。例如,如果你的数据源是一个数组,检查该数组是否已经被正确修改。 vue <el-table :data="tableData"> <!-- 表格列定义...
如果有两个table交替显示,给table设置key='xxx',确保数据能找到他的html; 如果只有一个table,并且只修改了table里的部分数据,可以将table的data指向的数据重新赋值,如:this.dataList = [...this.dataList]。
}, 感觉是因为:el-table的data属性更新没有被vue框架的更新规则检测到,只有el-table的data一整条数据变化才会被检测到。
el-table⾥的数据已经修改了,但是页⾯不更新问题:使⽤<el-table>⾥的⽂本框赋值后,table⾥是数据不更新 解决:// 页⾯不更新的解决: 数据转化以下,仅以下两⾏ let dataArrTemp = JSON.stringify(this.form.product_bom);this.form.product_bom= JSON.parse(dataArrTemp);以下⾃⽤的 html部分...
在el-table中添加一个key,可以设置成boolean类型的,在数据更新后更新这个key; <el-table :data="currentRecordList" :key="isUpdate"> <el-table-column prop="address" label="Sender" min-width="10%" /> <el-table-column prop="date" label="Date" min-width="15%" /> <el-table-column label=...
在代码中更改isCheckAllOperate,发现复选框不随着isCheckAllOperate而选中或不选中,加了key就解决了,key最好跟你要变化的数据有关,比如这里的isCheckAllOperate。 参考: el-table表格数据变化,页面不更新问题 element-ui el-table 全选框数据变化,界面不变化...
<el-table:key="tableKey":data="tableData">...<el-table>exportdefault{data(){return{tableKey:1,tableData:[]}},methods:{// 请求列表数据requestListData(){...this.tableData={};this.tableKey++;// 触发table重新渲染,实现界面更新}}}
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-...
vue查询到数据el-table不更新数据 如:查询名称为abc的数据,.js及.vue后台打印都可以查询到此条数据,el-table却不显示该条数据 出现错误: 1.Uncaught TypeError: Cannot read properties of null (reading ‘offsetHeight’) 2.Uncaught (in promise) TypeError:data.includes is not a function 如:此时把输入框...