我在分頁(yè)組件中想獲取圖片的寬度，但是得不到圖片哪里的ref，怎么獲取圖片的ref

                        <paginate  name="languages" :list="list" :per="9" class="food-lists" ref="paginator">
                            <li class='list'  v-for="item in paginated('languages')" >
                                <img :src="item.cover" alt="" ref='imgAuto'>
                                <p class="list-name"> {{item.name}}</p>
                                <p class="specialty-desc">
                                    {{item.describe}}
                                </p>
                                <router-link class="hot-more"  tag='p'  :to='{name:item.url,params:{id:item.id}}'>View More...</router-link>                        
                            </li>
                        </paginate>    

我在mounted里面打印，分頁(yè)組件是可以打印的，圖片就是undefined

  mounted(){
      console.log("width",this.$refs.paginator.$el)

      console.log("width2",this.$refs.imgAuto)
      // const that=this

  },

我在想是不是有可能是This的原因,第二個(gè)this可能不指向img了，如果是這樣，如何修改得到圖片的高度

我想得到圖片的大小，然后根據(jù)resize動(dòng)態(tài)改變圖片高度 該如何做？