<template>
<el-table
size="medium"
v-loading="tableLoading"
:data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
stripe height="100%"
@selection-change="handleSelectionChange">
>
<el-table-column
type="selection"
width="55">
</el-table-column>
</el-table>
</template>
<script>
export default {
name: "accountInfo",
data() {
return {
dataTable:[],
tableLoading: false,
totalPage: 30,
pageSize: 10,
currentPage: 1,
multipleSelection:[]
}
},
methods: {
submit() {
if (this.multipleSelection.length === 0) {
this.$notify({
message: '未选中内容',
type: 'warning',
});
return;
}
var ids = this.multipleSelection.map((cur) => {
return cur.id;
});
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
pageChange(currentPage) {
this.currentPage = currentPage;
},
}
}
</script>
<style scoped>
.container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 1rem;
}
.breadcrumb {
}
.content {
flex: 1;
padding: 3rem;
overflow: hidden;
}
.box {
width: 100%;
height: calc(100% - 10rem);
}
.sub {
height: 10rem;
}
</style>
标签：flex,return,多选,100%,multipleSelection,height,ui,currentPage,element From： https://www.cnblogs.com/bruce-lee-blog/p/17525873.html