vue的ref作为绑定元素的时候使用,为啥输出的是一个数组?

HTML代码:

<ul class="list">

  <li class="item" 
  v-for='item of letters' 
  :key='item'
  :ref='item'  @click='handleClick'  @touchstart='handleTouchStart'  @touchmove='handleTouchMove'  @touchend='handleTouchEnd'
  >{{item}}</li>
</ul>

逻辑代码:
handleTouchMove(){

  console.log('handleTouchMove');  if (this.touchStatus) {
      const startY = this.$refs.A[0].offsetTop      console.log(this.$refs.A); =====>这个打印出数组来了,为什么?      console.log(startY);
  }
},

数据项:letters =[A,B,C,D,E,F,G,H,I,.....,X,Y,Z]

请问各位大佬,这里的ref是通过数据绑定的形式使用的时候,为啥 this.$refs.A打印出来的是一个数组?

https://img2.mukewang.com/5ba84e27000164ca07380264.jpg


至尊宝的传说
浏览 3281回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js