今日完成:
注意事项（总结）：
1.
要记得加冒号
不加后面识别为字符串
加了就是表达式,回去查找这个表达式的值
2.在vue中为事件绑定一个函数,函数名后面的括号可加可不加,没有影响,
但是加了可以传参
3.在2的基础上,如果为同一事件,一次性在行内添加两个函数,那么不管穿不传参,都必须加括号
这中添加本身,可以把一个函数写入另一个函数中,如果传参,注意参数的传递
4.vue中不提倡dom操作
我们更多的是在进行VM中Model数据的操作,同时,在操作Model数据的时候，指定的业务逻辑操作
即:通过操作data中双向绑定的数据
5.赋值的表达式,可以串联操作,编译从右到左
如:aa=bb=0 or aa=bb=' '
遇到问题:在vue中，在html的函数中写this指向当前元素代表实参是无效的，
解决:
vue之$event获取当前元素的节点
<p @click = “clickfun($event)”>点击</p>
methods: {
clickfun(e) {
$event
e.target 是你当前点击的元素
e.currentTarget 是你绑定事件的元素 #获得点击元素的前一个元素
e.currentTarget.previousElementSibling.innerHTML
#获得点击元素的第一个子元素
e.currentTarget.firstElementChild
# 获得点击元素的下一个元素
e.currentTarget.nextElementSibling
# 获得点击元素中id为string的元素
e.currentTarget.getElementById("string")
# 获得点击元素的string属性
e.currentTarget.getAttributeNode('string')
# 获得点击元素的父级元素
e.currentTarget.parentElement
# 获得点击元素的前一个元素的第一个子元素的HTML值
e.currentTarget.previousElementSibling.firstElementChild.innerHTML
}
遇到问题：
删除选项，每次删除，从新请求，页面都会刷新到第一页，
能不能向上下线那样，数据传递到后台，接受参数请求成功，
直接在页面上修改，减少请求
解决：页面上数据删除，需要获取删除那一个
axios.delete(`/carrots-admin-ajax/a/u/article/${id}`)
.then(res=>{
//请请成功,运行函数
if(res.data.code===0){
this.list.some((item,i)=>{
if(item.id === id){
this.list.splice(i,1)
//如果在数组的some方法中,如果return true,就会立刻终止这个数组的后续循环
return true;
}
})
}
else{
//失败请求,显示状态
alert(res.data.message)
}
遇到问题:
1.这样写是有局限性的，因为没有请求，页面没有刷新，就是显示设定好的个数
以默认10条举例，这里删除后数据就会变成9条
没有请求，就不会更新，就看实际需求，或者用于一张列表
2.如果需要显示10条，当前页，还是需要再次请求，然后把当前页当成参数一起请求
遇到问题：input限制输入无效，表达式无效
html
@input="xianzhi(sizem,$event)">
vue
xianzhi(e,x){
let xx = x.target.value//得到当前元素的值
// xx = xx.replace(/\D/g,'')
//只能完成最大值最小值,限制,只能输入数字,且是正整数无效
if(e < 1){//作用:可以限制最大最小值,且为正数
this.sizem = 1
}
else if (e > this.total){
this.sizem = this.total
}
},
只能通过双向绑定的sizem页数，total总页数
来控制最大最小值的输入，正数
关于限制 必须：数字，整数无效
解决:待解决
返回列表
评论