针对你提出的“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="currentTab":data="tableData"><!-- ...其他代码... --></el-table> 在父组件中,确保currentTab是一个响应式的数据属性,并随着 tab 的切换而更新。 强制更新: 你可以使用 Vue 的$forceUpdate方法来强制组件重新渲染。但这种方法并不推荐,因为它绕过了 Vue 的正常更新机制。 检查数据: ...
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=...
如下代码,在接口返回时,更新tableHeader,但是表头数据就是不更新。 已尝试过 this.$forceUpdate() 将slot=“header” 改成#heade...
</el-table-column> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 在代码中更改isCheckAllOperate,发现复选框不随着isCheckAllOperate而选中或不选中,加了key就解决了,key最好跟你要变化的数据有关,比如这里的isCheckAllOperate。 参考: el-table表格数据变化,页面不更新问题 ...
题主是否想询问“vueel-table没有响应试更新措施”采取措施如下：1、数据没有更新，组件也无法自动更新，请检查数据是否已经更新，并且是否正确地重新绑定到组件的数据属性中。2、浏览器缓存问题，浏览器缓存了旧的组件数据，会导致组件没有正确更新，请尝试清除浏览器缓存，或者在代码中添加时间戳等方式来...