发表于: 2020-07-16 22:38:16
1 2279
今日完成:
遇到问题:
提交改变后的页面参数,页面列表数没有改变
原因:
1.配置的请求,要求用get我用了post我把上传的路径,和上传图片想成一样了,
请求方式用的get,上传到这个路径的数据,如果没有要求,应该跟请求方式一致
2.思路错误
错误思路:
请求数据=>根据数据遍历显示=>更改双向绑定的页数size=>点击确定提交数据
=>数据库数据改变=>页面刷新从新运行脚本请求改变后的数据=>显示
实际正确:
请求数据=>根据数据遍历显示=>更改双向绑定的页数size=>点击确定提交数据
=>数据库数据改变=>第二次请求数据得到改变后的数据=>赋值给遍历对象=>显示
即:页面不刷新,没有重新运行脚本,改变后的数据,需要我们再次请求并赋值(改变部分数据)
代码:
//页面显示条数&跳转页面
sub(){
let awww ={
params:{
page:this.page,//显示页数
size:this.size,//显示条数
}
}
axios.get('/carrots-admin-ajax/a/article/search', awww)
.then(res2=>{
this.list = res2.data.data.articleList
})
}
或者写成
sub(){
axios.get('/carrots-admin-ajax/a/article/search', {
params:{
page:this.page,//显示页数
size:this.size,//显示条数
}
})
.then(res2=>{
this.list = res2.data.data.articleList
})
20
关于第一次请求时带不带params
axios.get('/carrots-admin-ajax/a/article/search',
//参数一表示请求地址
{
params:{
page:1,//默认值,默认显示第一页
size:10,//默认值,默认每页显示10条
}
}
1.在这个任务中是可有可无的,因为数据库中设置了一开始默认的每页显示条数,显示页数,
改变时直接上传改变的参数就可以了
2.如果不不想按浏览器里设置的默认条数和页数,可以在这里设置默认(一开始)显示的条数和页数,这里设置优先级比数据库中高
3.(不确定)如果一开始数据库中没有设置分页,条数,直接把数据全传递过来,可以在这设置默认设置
遇到问题:

初始显示条数,却不会显示页数,页数要完成跳转后才会显示跳转某一页的数值
原因:可能是数据库中没有设置页数默认项,属性自带显示第一页,或者后端设置了不显示
但是,我在初始请求时改变默认显示页数,给了一个值也不会显示页数,只显示条数,原因待思考
遇到问题:
totalpage: function (){
if (this.total == 0) {//为0时显示1页
return 1;
}
return Math.ceil(this.total / this.size);//上舍入,取整
}
显示函数未定义
评论