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

Question

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

Answer 1

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)

Answer 2

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

mounted(){
    this.$refs.inputRef.focus()
}

Answer 3

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

Answer 4

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

Answer 5

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

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

Answer 6

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

this.$refs.inputRef.focus();

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