【element-ui】element组件el-input的focus方法要如何调用？我想主动触发这个input的focus

文档里就一行字，没有例子，该如何调用？在线等。
图片描述

回答：

1、ref是可以绑定变化值的，

:ref="'input'+row.id"  // 双引号写，不生效
:ref='"input"+row.id'  // 单引号写，生效

2、element的el-input提供了focus方法，只要取到元素就可以调用方法，
所以不必取到孩子元素即原生input元素调用

this.$refs.inputRef.$el.children[0].focus()

3、如果方法不生效，可能是input元素还没有渲染出来，可通过setTimeout等待一下

let _this = this
setTimeout(function () {
  _this.$refs['input' + row.id].focus()
}, 1)

回答：

<el-input v-model="input" placeholder="请输入内容" ref="inputRef"></el-input>
mounted(){
    this.$refs.inputRef.focus()
}

回答：

<el-input v-model="input" placeholder="请输入内容" ref="inputRef"></el-input>
this.$refs.inputRef.$el.children[0].focus();

回答：

<el-input v-model="input" placeholder="请输入内容" @focus="f()"></el-input>
methods:{
    f:function() {
        console.log('focus');
    }
  }

回答：

<el-input :autofocus="true"></el-input>

http://element-cn.eleme.io/#/...

回答：

<el-input v-model="input" placeholder="请输入内容" ref="inputRef"></el-input>

this.$refs.inputRef.focus();

实测是可以的，mothod都是通过这种方式触发的

以上是 【element-ui】element组件el-input的focus方法要如何调用？我想主动触发这个input的focus 的全部内容， 来源链接： utcz.com/a/151523.html

回到顶部