关于ES6的require

关于es6的require添加动态变化的路径

直接静态写死是不会有错误的：

<img style="width: 70px;height: 70px"
     :src="require('@/assets/prescription.png')">

而如果试图动态绑定全路径只会失败！

<el-carousel-item v-for="item in images" :key="item.url">
  <a href="#"><img :src=item.url></a>
</el-carousel-item>
images:[{url:"require('@/assets/img/1.jpg')"}]

 解决方法：

 

而require里的正确的格式必须是path

 

<el-carousel-item v-for="item in images" :key="item.name">
  <a href="#"><img :src="require('@/assets/img/'+item.name)"></a>
</el-carousel-item>

images:[
  {
    name:'1.jpg'
  },
  {
    name:'2.jpg'
  },
  {
    name:'3.jpg'
  },
  {
    name:'4.jpg'
  }
]