javascript - vue Class 切换。

问题描述

问 题

实现focus的时候添加个class，blur的时候去掉，下面的方法以及实现成功，但是我总觉写得太菜了，请问有什么更为简洁的实现方法吗？感谢

2017年2月20日09:53:52补充
问题已经解决了，是我把问题复杂化了，伪类可以很简单的解决掉问题，一个: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
      }

解决方案

你应该用css伪类选择器 ..

这篇关于javascript - vue Class 切换。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！