Vue.js动态图像不起作用

我通过以下代码来工作

  getImgUrl(pet) {    var images = require.context('../assets/', false, /.png$/)    return images('./' + pet + ".png")  }

并在HTML中：

<div  v-for="pic in pics">   <img :src="getImgUrl(pic)" v-bind:alt="pic"></div>

但是不确定为什么我以前的方法行不通。