drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add page size storage function to Component Page

Browse source
This commit is contained in:
yison 2019-03-18 20:40:44 +08:00
parent 7eeb649530
commit 51efaf1495
1 changed files with 26 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/components/page/page.vue
View file

@ -144,6 +144,14 @@
nextText: {
type: String,
default: ''
},
name: {
type: String,
default: ''
},
cachePageSize: {
type: Boolean,
default: false
}
},
data () {
@ -229,6 +237,13 @@
[`${prefixCls}-item-active`]: this.currentPage === this.allPages
}
];
},
pageSizeKey() {
if (this.cachePageSize && this.name !== null) {
return `pageSize_${this.name}`;
} else {
return null;
}
}
},
methods: {
@ -273,6 +288,9 @@
this.currentPageSize = pageSize;
this.$emit('on-page-size-change', pageSize);
this.changePage(1);
if (this.cachePageSize && this.name !== null) {
window.localStorage.setItem(this.pageSizeKey, pageSize);
}
},
onPage (page) {
this.changePage(page);
@ -308,6 +326,14 @@
this.changePage(page);
}
}
},
mounted () {
if (this.cachePageSize && this.name !== null) {
const pageSize = window.localStorage.getItem(this.pageSizeKey);
if (this.pageSizeOpts.includes(pageSize)) {
this.currentPageSize = pageSize;
}
}
}
};
</script>