针对你提出的“el-table数据不更新”的问题,可以从以下几个方面进行排查和解决: 1. 检查el-table数据源是否已更新 首先,确保你提供给el-table的data属性所绑定的数据源已经更新。例如,如果你的数据源是一个数组,检查该数组是否已经被正确修改。 vue <el-table :data="tableData"> <!-- 表格列定义...
如果只有一个table,并且只修改了table里的部分数据,可以将table的data指向的数据重新赋值,如:this.dataList = [...this.dataList]。
element el-table 点击某一行 改变数据未及时刷新的问题 :row-class-name="tableRowClassName" @row-click="rowClick" 1. 2. private tableRowClassName({row, rowIndex}: any) { // 把每一行的索引放进row row.index = rowIndex; } 1. 2. 3. 4. private rowClick(row: any) { const index = r...
element 官网上el-table上使用插槽 slot=“header”来实现自定义表头, 在表头中使用el-select组件选择不同的状态,无法展示选择后的状态,或者其他需要动态更新表头数据,出现无法实时更新,只需要将slot=“header” 改成#header ,就可以了 __EOF__
两种方法:1.添加 :key="Math.random()" 2.在table上的key绑定一个临时变量,然后在axio的回调赋值后再更新这个变量的值。
在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-column> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 在代码中更改isCheckAllOperate,发现复选框不随着isCheckAllOperate而选中或不选中,加了key就解决了,key最好跟你要变化的数据有关,比如这里的isCheckAllOperate。 参考: el-table表格数据变化,页面不更新问题 ...
common.vue包含el-table组件。 common.vue有3个tab,比如是aa,bb,cc三个tab。三个tab的表格展示是不同的。aa为默认tab 使用: 比如first.vue组件引用了common.vue组件,切换到bb tab,展示的是bb tab相关的表格内容。 切换到second.vue组件,tab切换到了默认的aa tab,数据也更新到了aa tab的数据, 但是表格展示...
现在的需求是表格中的某一列可能字符会过长,需要做超长隐藏的设置,同时又要鼠标点击能切换隐藏/显示状态。现在的实现思路是从后台拿到数据时,判断这一列数据 content 的长度,如果长度超过限定值,就增加一个 ...