mounted(){
this.getStorage()
if(sessionStorage.getItem("page")){
this.dangqianye = Number(sessionStorage.getItem("page"))
}
if(sessionStorage.getItem("pageSize")){
this.pageSize = Number(sessionStorage.getItem("pageSize"))
}
//如果点击过搜索
if(sessionStorage.getItem("search_data")){
this.list(JSON.parse(sessionStorage.getItem("search_data")))
}else{
this.list()
}
//如果有no_data赋值no_data没有赋值data
if(sessionStorage.getItem("no_search_data")){
this.form = JSON.parse(sessionStorage.getItem("no_search_data"))
}else if(sessionStorage.getItem("search_data")){
this.form = JSON.parse(sessionStorage.getItem("search_data"))
}
},
//form是搜索的条件
watch:{
//只要form里的值变了就存临时的
'form':{
handler(n) {
sessionStorage.setItem("no_search_data",JSON.stringify(this.form))
},
deep:true
}
},
//点击搜索的方法
search(){
//如果有临时的值删除
if(sessionStorage.getItem("no_search_data")){
sessionStorage.removeItem("no_search_data")
}
//保存搜索的值
sessionStorage.setItem("search_data",JSON.stringify(this.form))
this.dangqianye = 1
this.list(this.form)
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.dangqianye = 1
sessionStorage.setItem("pageSize",val)
this.pageSize = val
if(sessionStorage.getItem("search_data")){
this.list(JSON.parse(sessionStorage.getItem("search_data")))
return
}
this.list()
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
sessionStorage.setItem("page",val)
this.dangqianye = val
if(sessionStorage.getItem("search_data")){
this.list(JSON.parse(sessionStorage.getItem("search_data")))
return
}
this.list()
}
list(search){
//列表的ajax
}
elementui实现跳转别的页面返回后分页以及搜索条件仍然不变
最新推荐文章于 2024-07-15 09:44:28 发布