无法在Vue图像src绑定中使用波浪号（〜）

Question

情况就是这样，

我有一个带有测试图像名称的数组，我必须获取一个随机图像并绑定到我的图像标签，我使用的代码是：

export default {
    data() {
        return {
            images: ['test-1.png', 'test-2.png', 'test-3.png'],
        }
    },
    methods: {
        randomItem (items) {
            return items[Math.floor(Math.random()*items.length)];   
        }
    },
    created() {
        this.selectedImage = '~/assets/images/' + this.randomItem(this.images);
  }

并且在我的模板中，我将其添加为：

<img :src="selectedImage"/>

并且我在浏览器上的输出将其呈现为：

<img data-v-658aaa7e="" src="~/assets/images/test-1.png">

我希望它占据完整的路径。

Answer 1

路径需要用require解析：