小白之踩坑系列--elment ui的input自动聚焦事件this.$refs.xxx.focus is not a function报错

57 阅读1分钟

需求:点击新增分类时,切换到input且input框自动聚焦

image.png

问题:

当我监听input的出现时调用 this.nextTick+this.nextTick+ this.refs.xxx.focus()实现

image.png

然而出现出现这个报错,让我百思不得其解(因为我在别的地方也是这样子写的 同一套代码,怎么这里就报错了呢)

image.png

只能一步步log(debugger也行)查问题

image.png

前面两个都顺利log成功, 到第三个log就报错,所以问题在第三个log上面

image.png

this.$refs.editDom发现有值,但是找不到[focus]方法 那为什么获取不到呢 我点开第二个打印想知道为什么

image.png

距离真相又近了一步 实践出真知 让我试一试

image.png

果不其然 这次我就成功获取到聚焦事件!

image.png