vue中的ref,refs使用
比如我有这么一个需求:v-if=’condition ‘组件中有一个input,每次显示组件的时候,input获得焦点;我这么写this.condition = true;this.$refs.input1.focus();发现,this.$refs每次都是undefined;问题原因:渲染组件需要时间,并且时间没有JS执行的快;所以获取不到解决办法:第一种利用setTimeou...
·
比如我有这么一个需求:v-if=’condition ‘组件中有一个input,每次显示组件的时候,input获得焦点;我这么写
this.condition = true;
this.$refs.input1.focus();
发现,this.$refs每次都是undefined;
问题原因:渲染组件需要时间,并且时间没有JS执行的快;所以获取不到
解决办法:第一种利用setTimeout
this.condition = true;
setTimeout(()=>{
this.$refs.input1.focus();
},0)
第二种:利用 this.$nextTick
this.condition = true;
this.$nextTick(()=>{
this.$refs.input1.focus();
})
更多推荐
所有评论(0)