ref指向没搞明白? this.$refs.xxx指向有三种情况,你这里属于下列第二种情况:一、指向domref用于普通元素<div ref='xxx'></div>二、指向Vue组件对象ref用于组件标签<my-component></my-component>此时要获取组件根元素dom,需要加$el:this.$refs.xxx.$el三、指向数组普通元素或者组件,用于v-for中时,ref指向数组。数组中的每一项是普通dom或者组件对象。<div ref='xxx' v-for='xxx'></div>this.$refs.xxx为数组,数组里的每一项为dom<my-component ref='xxx' v-for='xxx'></my-component>this.$refs.xxx为数组,数组里的每一项为组件对象
ref指向没搞明白?
this.$refs.xxx指向有三种情况,你这里属于下列第二种情况:
一、指向dom
ref用于普通元素<div ref='xxx'></div>
二、指向Vue组件对象
ref用于组件标签<my-component></my-component>
此时要获取组件根元素dom,需要加$el:this.$refs.xxx.$el
三、指向数组
普通元素或者组件,用于v-for中时,ref指向数组。
数组中的每一项是普通dom或者组件对象。
<div ref='xxx' v-for='xxx'></div>
this.$refs.xxx为数组,数组里的每一项为dom
<my-component ref='xxx' v-for='xxx'></my-component>
this.$refs.xxx为数组,数组里的每一项为组件对象