vue中列表排名，动态拼接地址，使用本地的图片不显示

在view模板中渲染数据时，需要这样显示：

 <!-- 动态拼接地址，使用本地的图片不显示 -->
 <!-- <img class="rank fl" :src="@/assets/img/rank/No."+{{index}}+"@2x.png" alt=""> -->
 <!-- 换这个方法 -->
 <img v-if="index<3" class="rank fl"  :src="require('../../assets/img/rank/No.'+(index+1)+'@2x.png')" alt="">
 <span v-else class="fl">No.{{index+1}}</span>