发表于: 2020-07-25 22:09:53
0 2041
今日完成:
遇到问题:
给输入框设置获得焦点改变样式,和点击改变样式,都直接显示改变后的样式
label :class="{box:true,box2:shuru()}">
<input class="inputbox" type="password" v-model="pwd" placeholder="请输入密码" @onfocus="shuru()">
<input class="inputbox" type="text" v-model="name" placeholder="用户名" id="yonghu" @click="shuru()">
shuru(){
return true
}
原理:通过点击或者获取焦点运行函数获返回true,改变样式
但是直接运行,没有进行操作就改变了样式
或者
<input class="inputbox" type="password" v-model="pwd" placeholder="请输入密码" id="mima" @onfocus="shuru1()" @onblur="shuru2()">
or
@on-focus="shuru1()" @on-blur="shuru2()"
也是错的
打印
shuru1(){
console.log(111)
return true
},
shuru2(){
console.log(222)
return false
}

编译到@(v-on)找下去打印,之后点击无效,监听焦点事件无效
想半天,onfocus是js代码,感觉是不是on重复了,然后去掉成功
编译到@(v-on)找下去打印,之后点击无效,监听焦点事件无效
想半天,onfocus是js代码,感觉是不是on重复了,然后去掉成功
on-enter
on-click
on-change
on-focus
on-blur
on-keyup
on-keydown
on-keypress
同理:上述中这些在vue中应该也是把on去掉,因为已经有v-on了
评论