不要贪恋没意义的人和事,拎着垃圾的手怎么腾地出来接礼物。
这种情况下分页的话数据也会保存
表格是这个样子的 具有复选框的表格
el-table 上面的这几个属性必须得有
:row-key="getRowKeys" @selection-change="handleSelectionChange" tooltip-effect="dark"
<el-table @sort-change='sortChange' :data="tableData" :row-key="getRowKeys" @selection-change="handleSelectionChange" tooltip-effect="dark" border>
<el-table-column type="selection" :reserve-selection="true" prop="id" align="center" width="80"></el-table-column>
<el-table-column align="center" center prop="cover" width="150" label="名称"></el-table-column>
<el-table-column align="center" prop="price" label="课程价格" width="150" sortable='custom'></el-table-column>
<el-table-column align="center" prop="mtime" label="上架状态" width="100"></el-table-column>
<el-table-column align="center" prop="utime" label="编辑时间" width="250" sortable='custom'></el-table-column>
</el-table>
data() {
return {
getRowKeys(row) {
return row.id;
},
ids: [], // 保存id
}
}
methods: {
// 复选框
handleSelectionChange(val) {
this.ids = [];
val.forEach(ele => {
this.ids.push(ele['id'])
});
},
}