Javascript Vue:将焦点设置为动态输入框
我有一个表单,用户可以填写一个电子邮件地址,然后点击一个加号按钮来创建一个新的。这些输入框是通过迭代数组生成的。当用户单击+图标时,会将一个新条目推送到该数组 现在新的文本框生成的很好,但我希望光标聚焦在这个文本框中Javascript Vue:将焦点设置为动态输入框,javascript,html,vue.js,vuejs2,Javascript,Html,Vue.js,Vuejs2,我有一个表单,用户可以填写一个电子邮件地址,然后点击一个加号按钮来创建一个新的。这些输入框是通过迭代数组生成的。当用户单击+图标时,会将一个新条目推送到该数组 现在新的文本框生成的很好,但我希望光标聚焦在这个文本框中 正如@ramakant mishra告诉您必须使用这个。$refs,但是您还需要在输入元素上动态添加ref属性。让我告诉你: newvue({ el:“#应用程序”, 数据:{ 电子邮件:[] }, 方法:{ 加:职能(e){ 让j=this.emails.push(“”) 这个
正如@ramakant mishra告诉您必须使用
这个。$refs
,但是您还需要在输入元素上动态添加ref属性。让我告诉你:
newvue({
el:“#应用程序”,
数据:{
电子邮件:[]
},
方法:{
加:职能(e){
让j=this.emails.push(“”)
这个.$nextTick(()=>{
此.refs[`email${j-1}`][0].focus()
})
}
}
})
添加
他们的关键是将所有输入的ref
设置为相同的字符串,如下所示:
<input type="text" ref="myInputs"/>
您能分享一下您的代码吗?