针对el-table数据不刷新的问题,可以从以下几个方面进行排查和解决: 1. 检查数据源是否更新 确保你更新数据源的操作确实改变了绑定的数据。在Vue中,数据必须是响应式的,Vue才能自动跟踪其变化并更新DOM。如果数据源是在组件外部修改的,或者通过非响应式方式(如直接修改数组长度或对象属性)修改的,那么Vue可能无法检测到...
如上图的el-table,懒加载删除最后一条时,不刷新页面,百度后答案是在this.$refs.tableRef中的store(在el-table中添加ref="tableRef") state对象中states里的lazyTreeNodeMap是子节点的对象数组 lazyTreeNodeMap中的11和18即为俩父节点id,删除18下31,需要清空18下的子节点时,可以 resolve([])后 this.$set(th...
<el-table :data="tableData" :key="key"></el-table> //在更新data数据的地方给key赋值 this.key = Math.random()
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 = ...
<el-table :header-cell-style="{ 'text-align': 'left' }"> ... <el-table-column :cell-style="{ 'text-align': 'left' }"> ...</el-table-column> </el-table> 二、this.$set(你改变的那条数据,那条数据中的属性,改变之后的值)。this.$set 会通过数据变化强制刷新该区域dom。
el-table⾥的数据已经修改了,但是页⾯不更新问题:使⽤<el-table>⾥的⽂本框赋值后,table⾥是数据不更新 解决:// 页⾯不更新的解决: 数据转化以下,仅以下两⾏ let dataArrTemp = JSON.stringify(this.form.product_bom);this.form.product_bom= JSON.parse(dataArrTemp);以下⾃⽤的 html部分...
this.tableData.push({ stockId: stockId, stockName: stockName, }); } }else { this.$message.error(data.message); } }) }, 另外因为我这里的需求是你要预加载这个数据,所以要用钩子函数,这里我们用created created:function(){ this.getUserStock() ...
然后调用this.getData()函数刷新当前tableData数据。 现在问题来了。实际中,当执行this.editData()函数后,点击查看按钮,并不会显示el-popover中的表格数据;但是当刷新当前页面后,就能够正常显示出来。 目前找了一个比较笨的解决方法:在editData()函数的最后使用this.$router.push刷新当前页面,弊端是页面有较为明显的...
2:使用v-if显示隐藏内嵌table的, 3::有不使用@expand-change方法---改成toggleRowExpansion控制的, 但是最终这些方法或多或少都有问题,当时自己也是一脸懵逼不知道咋办, 中午休息的时候突然灵光一闪,既然是dom渲染的问题,为何我不先给这行数据里面加上一个我需要的数据,动态获取的数据直接丢进去,这样是不是就解...