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

最新推荐文章于 2024-09-26 17:07:55 发布

Z.R.J

最新推荐文章于 2024-09-26 17:07:55 发布

阅读量1.2w

点赞数 5

文章标签： vue element.ui input

本文链接：https://blog.csdn.net/Smallwhite_Z/article/details/94015824

版权

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()
        }
    }
},