发表于： 2020-07-30 20:44:05
1 2123
今日完成:
方法splice(a,b,xx1,xx2)添加和删除
数组第a个之后,删除b个元素,添加xx1,xx2
a是必填,后面都是可选
splice(index,1)这样配合数组索引值index
可以在类似点击事件中通过索引值删除数组当前点击元素
关于交互数(数据提交到后台,且前端展示信息发生改变)完成之后,
是重新请求,刷新页面再次展示数据,or检测提交成功,直接js代码在前端直接改变(减少重新请求再展示的操作)
1.在只有一页列出所有数据的情况下,可以直接操作,如任务中上线操作,下线操作,增加,删除都行
2.在多页的情况下,涉及改变后还要展示改变后的当前页数,和条数,就需要重新请求,如任务重的增减,不请求,
每次请求都直接少一条或者多一条,有当前页被删光的可能,,就需要带着当前页码,再次请求展示
也可以这样,只要再次刷新也行
3.在多页情况下,改变内容,不涉及整体的增减,只是部分展示的改变,可以直接操作
如:任务中的上下线,提交成功,对应页面直接改变参数即可,请求也行
删除
...
//请请成功,运行函数
if(res.data.code===0){
this.page = this.pagen//使计算属性不会实时改变
this.size = this.sizem
axios.get('/carrots-admin-ajax/a/article/search', {
params:{
page:this.page,
size:this.size//显示条数
}
})
.then(res=>{
this.list = res.data.data.articleList
})
输入框限制
关于ift条件语句的新理解
if(判断){
函数体
}
js从上往下编译
判断语句返回的是true,才会运行if中的函数体
如果传值,有多个判断,学会用return
ps:if(判断)..else...这种是一个判断返回true和false运行不同函数体
如下代码:
if(e < 1){//作用:可以限制最大最小值,且为正数
this.sizem = 1
return
}
else if (e > this.total){
this.sizem = this.total
return
}
if(isNaN(e)){//限制只能输入数字
this.sizem = ''
return
}
this.sizem = Math.round(e)//舍入,限制整数
解释:(上到下编译)
假如,传入的是数字且小于1,返回true,运行函数体,this.sizem=1赋值
然后会依次进入下面的判断中,如果为true会再次运行,再次赋值,就会覆盖之前的赋值
所以如果判断,函数体运行结果已经满足目的,就return结束语句,以免受到之后函数的影响,
如果判断为false函数体没有运行,return没有运行,就不会影响终止下面函数的运行
返回列表
评论