vue 图片的url如何动态拼接字符串

<el-col :span="12">
   <ul style=" list-style-type:none" v-for="(item, index) in this.jumped">
     <li>
        <el-image
         :src="imgUrl(item.ranking)"
         fit="fill"></el-image>
         &nbsp;{{item.element}}
     </li>
   </ul>
</el-col>

this.jumped为后台请求得到的数据

然后再方法里面进行拼接（为什么不直接在：src里面拼接呢？我试过很多种拼接方式都不行，最后使用了的这种方法，终于是成功了）

imgUrl(value){
  return require("../assets/ranking/"+value+".png");
}

方法肯定不止这一种，希望大神可以在评论区指点！