其他方法, 不通过ref的形式 vue 项目中封装一个全局方法, 来获取el-input 框的焦点

可以通过在全局的 Vue 实例中定义一个方法，然后在需要获取焦点的 el-input 中使用 v-focus 指令来调用该方法。具体实现可以参考以下代码：

// 在 main.js 中定义全局方法
Vue.prototype.$focus = function (refName) {
const el = this.$refs[refName].$el.querySelector('input')
el.focus()
}

// 在组件中使用 v-focus 指令
<el-input v-focus="'inputRef'"></el-input>
...
<script>
export default {
name: 'MyComponent',
mounted () {
this.$focus('inputRef')
}
}
</script>

这样就可以在组件中通过调用 $focus 方法来获取 el-input 的焦点了。

相关问题

vue 项目中封装一个全局方法, 来获取el-input 框的焦点

可以使用以下代码来封装一个全局方法来获取el-input框的焦点：

Vue.prototype.$focusInput = function(refName) {
  const input = this.$refs[refName].$refs.input;
  input.focus();
};

其中，refName是el-input组件的ref属性值，可以通过调用`this.$focusInput(refName)`来获取该组件的焦点。