如果有两个table交替显示,给table设置key='xxx',确保数据能找到他的html; 如果只有一个table,并且只修改了table里的部分数据,可以将table的data指向的数据重新赋值,如:this.dataList = [...this.dataList]。
在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的data属性更新没有被vue框架的更新规则检测到,只有el-table的data一整条数据变化才会被检测到。
1.添加 :key="Math.random()" <el-table:key="Math.random()"></el-table> 2.在table上的key绑定一个临时变量,然后在axio的回调赋值后再更新这个变量的值。
在代码中更改isCheckAllOperate,发现复选框不随着isCheckAllOperate而选中或不选中,加了key就解决了,key最好跟你要变化的数据有关,比如这里的isCheckAllOperate。 参考: el-table表格数据变化,页面不更新问题 element-ui el-table 全选框数据变化,界面不变化...
el-table⾥的数据已经修改了,但是页⾯不更新问题:使⽤<el-table>⾥的⽂本框赋值后,table⾥是数据不更新 解决:// 页⾯不更新的解决: 数据转化以下,仅以下两⾏ let dataArrTemp = JSON.stringify(this.form.product_bom);this.form.product_bom= JSON.parse(dataArrTemp);以下⾃⽤的 html部分...
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-...
猜测:可能是template中的scope没有变化导致不更新,或者element-ui做了优化避免不必要更新导致的bug 解决:在table上加上随机数 代码:<el-table :key="Math.random()" ></el-table> 辣鸡element,建议用antd
el-table表格中@expand-change展开表格行中的数据不能立刻更新,第二次展开其中数据才更新万码学堂,致力于培养IT企业高端人才,帮助年轻人找到更好的工作。学习方向包含JavaEE、WEB前端、大数据、云计算、人工智能、数据库、运维、微信小程序开发等。我们相信学习是年轻人