Использование Vue JS в шаблоне Smarty - вопрос о: src

Question

Я использую приложение Vue JS и шаблон smarty. В настоящее время у меня есть эта проблема:

var app = new Vue({
    el: '#bpRequestModal',

    data: {
        productImage: 'test.jpg',
    },

В моем шаблоне я использую это:

{literal}
<img :src="productImage" />
{/literal}

Но когда я использую :src, все приложение #bpRequestModal удаляется из DOM. Я также попытался <img src="{{ productImage }}", но затем я вижу только этот "productImage" в моем DOM. Я тоже безуспешно пытался :src={$productImage}.

Кто-нибудь знает, как я могу получить 'test.jpg' в моем img src?

Answer 1

выглядит так, как будто вы просто упомянули имя файла без относительного пути к папке.

productImage: 'test.jpg'

не должно быть с относительным путем, как показано ниже, если он находится в той же папке, что и файл vue

productImage: './test.jpg'