猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
vue Class 切换。
实现focus的时候添加个class,blur的时候去掉,下面的方法以及实现成功,但是我总觉写得太菜了,请问有什么更为简洁的实现方法吗?感谢
一只萌萌小番薯
浏览 431
回答 1
1回答
胡子哥哥
伪类可以很简单的解决掉问题,一个:focus加上:focus + 轻松搞定<div class="item"> <input v-model="user.val" @blur="[checkUser,blur('user')]" @focus='Focus("user")' id="user" name="user" type="text"> <label for="user">用户名</label> </div> <div class="item"> <input id="password" v-model="user.password" @blur="blur('password')" @focus='Focus("password")' name="password" type="text"> <label for="password">密码</label> </div>data () { return { user: { val: null }, password: { val: null } } }, blur: function ($select) { this[$select].focus = this[$select].val }
0
0
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
JavaScript
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续