vue element.ui中input框自动获取焦点

vue element.ui中input框自动获取焦点

需求：element-ui中使el-input标签自动获取焦点

解决方法

HTML：

// 使用自定义指令 v-focus
<el-input v-focus size="small" v-model="scope.row.comment" placeholder="请输入内容" @change="handleEdit(scope.$index, scope.row)" ></el-input>

JS:

// 使用directives注册v-focus全局指令
directives: {
    focus: {
        inserted: function (el) {
        el.querySelector('input').focus()
        }
    }
},