文档里就一行字,没有例子,该如何调用?在线等。
<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 v-model="input" placeholder="请输入内容" ref="inputRef"></el-input>
this.$refs.inputRef.focus();
实测是可以的,mothod都是通过这种方式触发的
27 回答12.8k 阅读
6 回答2.1k 阅读✓ 已解决
8 回答3.3k 阅读✓ 已解决
6 回答941 阅读✓ 已解决
5 回答5.1k 阅读✓ 已解决
4 回答1.5k 阅读✓ 已解决
3 回答1.7k 阅读
1、ref是可以绑定变化值的,
2、element的el-input提供了focus方法,只要取到元素就可以调用方法,
所以不必取到孩子元素即原生input元素调用
3、如果方法不生效,可能是input元素还没有渲染出来,可通过setTimeout等待一下