Vue.js не отображает изображение с загруженным динамически

Question

Vue.js не отображает изображение с динамически загруженной строкой

Я пытаюсь отобразить изображение в Vue.js.Строка пути к изображению загружается из базы данных.

Если я введу статическую строку, она будет работать:

<img :src="require('../../images/products/15/15.png')" width="100px" height="100px" />
<img src="@/images/products/15/15.png" width="100px" height="100px" />

Однако, если я получу путь к изображению через переменную, он не будетработа.

Пример:

<img src=“getImageStr()” height="100px" />
<img src=“getImageStr()” height="100px" />

в методах:

methods: {
    getImageStr(){
        return “../../images/products/15/15.png”;  //this works
        return require(‘@/images/products/15/15.png’); //this works

        var str = “../../images/products/15/15.png”;
        var str2 = “@/images/products/15/15.png”
        return str;  //fails
        return require(str2); //fails. 
    }
}

Что может происходить?Как я могу это исправить?Я не знаю, может ли рендеринг изображений быть такой драмой.