Javascript 当我在Vue for NativeScript中使用v-for时,函数focus()停止工作
我有很多文本字段,我需要先按下按钮设置焦点 有一个最小的不带v-for的部分工作正常 但当我开始使用v-for时,程序停止工作。有一个最小的withv-for,如果我按下按钮,程序就会崩溃 我不明白我在哪里犯了错误,我必须做些什么才能使这段代码正常工作Javascript 当我在Vue for NativeScript中使用v-for时,函数focus()停止工作,javascript,vue.js,nativescript,nativescript-vue,Javascript,Vue.js,Nativescript,Nativescript Vue,我有很多文本字段,我需要先按下按钮设置焦点 有一个最小的不带v-for的部分工作正常 但当我开始使用v-for时,程序停止工作。有一个最小的withv-for,如果我按下按钮,程序就会崩溃 我不明白我在哪里犯了错误,我必须做些什么才能使这段代码正常工作 导出默认值{ 方法:{ onButtonTap(){ 控制台日志(“按钮被按下”); 这是.$refs[“ref0”].nativeView.focus(); } }, 数据(){ 返回{ 数组:[“你好”,“世界!”] }; } }; 使用v
导出默认值{
方法:{
onButtonTap(){
控制台日志(“按钮被按下”);
这是.$refs[“ref0”].nativeView.focus();
}
},
数据(){
返回{
数组:[“你好”,“世界!”]
};
}
};
使用v-for
时,您可以简单地分配一个静态ref
并通过索引访问其中的项目
<TextField v-for="(item, index) in array"
v-model="array[index]" :key="'key'+index" ref="myTxt" />
.....
onButtonTap() {
console.log("Button was pressed");
this.$refs.myTxt[0].nativeView.focus();
}
.....
onButtonTap(){
控制台日志(“按钮被按下”);
这是。$refs.myTxt[0]。nativeView.focus();
}
将0索引添加到此此中如何。$refs[“ref0”][0]。nativeView.focus()代码>