如图,动态添加节点为一行文字和对应的input,input原本是隐藏的,点击文字之后显示input。之后我想让input获得焦点(focus),但不知该如何恰当的获取这个input(不使用DOM操作)。

代码如下:(html文件)

Vue.component('test',{

props:['item'],

template:

`

{{item.text1}}

`,

methods:{

show(event,item){

this.$emit('show',event,item);

}

}

});

new Vue({

el:'#app',

data:{

items:[

{

'text1':'aaaaaaa',

'show_input':false

},

{

'text1':'bbbbbbb',

'show_input':false

}

]

},

methods:{

show(event,item){

item.show_input=true;

let ref_name=item.text1;

console.log(this.$refs.ref_name); // undefined

}

}

});

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐