作者:Michael Thiessen
译者:前端小智
来源:laracasts.com
点赞再看,养成习惯
本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
在做项目时,有时我们需要让 input 聚焦,为了让用户更好的使用。
让 input 聚焦
所有的浏览器都有一个内置的方法,让 input 聚焦。首先,我们需要获取元素。
在原生 JS 中,我们可以使用下面方式来获取元素:
const input = document.getElementById('email');
Vue 提供了一个更好的方法:
const input = this.$refs.email;
获取元素后,我们就可以让 input 聚焦了
export default {
methods: {
focusInput() {
this.$refs.email.focus();
}
}
}
如果使用的是自定义组件,则$ref获取是该组件,而不是我们基础元素。 因此,如果尝试让该组件聚焦,就会报错。要获得自定义组件的根元素,我们可以用 $el 访问:
import CustomInput f