针对你提出的“el-table数据不更新”的问题,可以从以下几个方面进行排查和解决: 1. 检查el-table数据源是否已更新 首先,确保你提供给el-table的data属性所绑定的数据源已经更新。例如,如果你的数据源是一个数组,检查该数组是否已经被正确修改。 vue <el-table :data="tableData"> <!-- 表格列定义...
如果只有一个table,并且只修改了table里的部分数据,可以将table的data指向的数据重新赋值,如:this.dataList = [...this.dataList]。
感觉是因为:el-table的data属性更新没有被vue框架的更新规则检测到,只有el-table的data一整条数据变化才会被检测到。
在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=...
el-table里的数据已经修改了,但是页面不更新 el-table⾥的数据已经修改了,但是页⾯不更新问题:使⽤<el-table>⾥的⽂本框赋值后,table⾥是数据不更新 解决:// 页⾯不更新的解决: 数据转化以下,仅以下两⾏ let dataArrTemp = JSON.stringify(this.form.product_bom);this.form.product_bom= JSON...
查看element文档,数据需要设置key,但是用el-table提供的row-key不太好用。这里预测是,前后数据内容一致,dom不更新,可能是为了提升页面性能。 解决办法 给table增加一个随机key,每次重新赋值tableData的时候,也传递随机key值,这样页面就可以重新渲染el-table了 ...
在代码中更改isCheckAllOperate,发现复选框不随着isCheckAllOperate而选中或不选中,加了key就解决了,key最好跟你要变化的数据有关,比如这里的isCheckAllOperate。 参考: el-table表格数据变化,页面不更新问题 element-ui el-table 全选框数据变化,界面不变化...
aa为默认tab 使用: 比如first.vue组件引用了common.vue组件,切换到bb tab,展示的是bb tab相关的表格内容。 切换到second.vue组件,tab切换到了默认的aa tab,数据也更新到了aa tab的数据, 但是表格展示却仍然是之前在frist.vue界面展示的bb组件的表格。 注明: first.vue和second.vue对应的是不同的路由。
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-...