Vue attribute binding failed to load image

Reference link:
https://blog.csdn.net/cxx4220/article/details/103683518
My solution:

 <div class="cardBox">
      <template v-for="(item,index) in renderList[current].menuList">
        <div class="item" :key="index" @click="itemClick(item)">
          <img :src="require('../'+item.imageRef+'.png')" alt="">
          <span>{
    
    {
    
    item.menuName}}</span>
        </div>
      </template>
    </div>