来自对象数据的资产

Question

我正在使用nuxt.js和vue.js.但是从像这样的对象的数据数组添加图像有一个问题：

<img v-bind:src="~assets/img/image-name.jpg">

当我使用/ static时它工作正常。

<img v-bind:src="/img/image-name.jpg">

如何将〜assets 与来自对象的数据一起使用？你能帮帮我吗？

UPD

这是更多细节。我正在使用这个部分的数据：

products: [ { id: 1, imgSrc: 'img/product-img-1.jpg', } ]

然后在* .vue我正在使用

<img v-bind:src="product.imgSrc">

（在img标签上方的块中也添加了v-for）。它工作正常，因为图像在/ static /文件夹中。 但是如何使用/ assets文件夹中的图像来绑定来自对象的数据呢？我想到了这样的事情：

products: [ { id: 1, imgSrc: '~assets/img/product-img-1.jpg', } ]

但事实并非如此。