通过ref获取vue中的元素

作者: squidbrother | 来源:发表于2019-12-30 21:11 被阅读0次

通过在mounted中，查看this.$refs可以获取页面中设置ref的元素或者组件
返回的是当前单文件组件内的所有的ref对象集合，
返回的数据格式是一个对象
如：

{tabSwiperObj: VueComponent, userinput: input}

如果想要操作其中任意，需要注意

1.其中userinput是一个ref="userinput"的input元素
如果想操作这个元素
如此即可

this.$refs.userinput.style.background='red';

2.其中tabSwiperObj是一个VueComponent（Vue组件），
如果想要获取这个元素
如此即可

this.$refs.tabSwiperObj.$el.style.height='560px';

相关文章