Vue的v-focus无法聚焦el-input，及el-input无法输入的问题

文章目录

1、 正常聚焦

<input type="text" v-focus/>

2、el-input聚焦失败

<el-input type="text" v-focus ></el-input>

3、el-input 聚焦成功

<el-input type="text" v-focus ></el-input>

directives: {
    focus: {
      // 指令的定义
      inserted: function (el) {
        el.childNodes[1].focus()
      }
    }
  }

4、el-input无法输入文本

<el-input></el-input>
<el-input type="text" ></el-input>

5、输入文本解决
加入v-model绑定数据才能输入

<el-input type="text" v-model="tableName" v-focus ></el-input>