vue.js+webpack 为 img src 赋值的路径问题？

[xjx0524]

用了 webpack 进行构建，图片部分的 loader 如下

{
  test: /\.(png|jpg|gif|svg)$/,
  loader: 'url',
  query: {
    limit: 10000,
    name: '[name].[ext]?[hash:7]'
  }
}

模板代码

<template v-for="item in items">
  <li v-show="item.show">
    <a href="#">
      <img v-bind:src="item.img">
    </a>
  </li>
</template>

遇到的问题是item.img中的路径并不会被 webpack 编译，还保持着相对路径的状态，最终产生 404 错误。
请问应该如何解决？

[spademan]

我也遇到这个问题 请问题主解决了吗 /

[xjx0524]

@spademan 没有。。。其实我就是三个轮播图，最后硬写在 template 里没用循环。。。

[xjx0524]

@spademan https://segmentfault.com/q/1010000004582219 那个采纳的答案我觉得靠谱，不过还没测试