关于element里边的el-autocomplete自动获取焦点

关于element里边的el-autocomplete自动获取焦点

这个组件真的是很坑的,在文档里边有这个方法,但是一用起来就是就知道多坑

关于element里边的el-autocomplete自动获取焦点_第1张图片在这里插入图片描述
看了文档我是直接这么写的(test是组件中ref的属性值),结果控制台就报错了
关于element里边的el-autocomplete自动获取焦点_第2张图片搞了半天,最后都想改组件代码了,试着打印了下这个组件,发现组件中是两个
关于element里边的el-autocomplete自动获取焦点_第3张图片
然后打开组件代码,关于element里边的el-autocomplete自动获取焦点_第4张图片之前控制的是组件外边的,然后找到原因了,就把代码改成这样的:

this.code=this.$refs.test[0].$refs.input.value
this.$refs.test[0].$refs.input.focus()

这样既可以获取组件选中的值又可以自动获取焦点了(test[0]根据打印出来的结果来添加一个就不加0),找了半天的文档,也加了好几个element的qq群,都没辙,不过不管怎么说,最后还是搞定了

你可能感兴趣的:(关于element里边的el-autocomplete自动获取焦点)