Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue:将焦点设置为动态输入框_Javascript_Html_Vue.js_Vuejs2 - Fatal编程技术网

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"/>

您能分享一下您的代码吗?