1、关于vue-element-admin项目的分页,返回默认显示第一页的问题解决
一、本地存储页码sessionStorage
参考:https://blog.csdn.net/xfmuchengxue/article/details/84992879
1、存储当前页码数
getList() {
sessionStorage.setItem('pagination',this.listQuery.pageNum)
},
2、从sessionStorage取得页码数,赋值给pageNum
created() {
this.$nextTick(() => {
this.listQuery.pageNum=Number(sessionStorage.getItem('pagination')) || 1
})
},
3、清除存储的页码数
beforeRouteLeave(to,from,next){
if (to.name != "postMould_details" && to.name != "postMould_edit") {
sessionStorage.removeItem('pagination')
}
next();
}
二、路由跳转携带参数
1、路由跳转带参数
<el-button type="info" size="small" @click="detail(id)">详情</el-button>
//详情路由
detail(id){
this.$router.push({
path:'index/edit/:id',
name:'',
params: {
id: id,
num:this.listQuery.pageNum
}
})
},
2、在beforeRouteEnter钩子函数中去获取数据,赋值给pageNum
beforeRouteEnter(to, from, next) {
next(vm => {
vm.listQuery.pageNum=from.params.num||1
console.log(vm.listQuery.pageNum)
//不能能用this来获取vue实例,vm为vue的实例
});
},
3、渲染页面
created() {
this.$nextTick(() => {
this.getList(0)
})
},
三、el-date-picker 设置、读取值
<div class="SharePYQ_top block">
<el-date-picker
v-model="value"
type="datetimerange"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
不管哪种方法,v-model绑定的默认值,我们都应该设置为空数组而不是空字符串
直接这样赋值,就会完全显示
this.value = [this.listQuery.sTime, this.listQuery.eTime]