在Smarty模板中使用Vue JS-有关：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 }}"，但后来在DOM中确实看到了这个“ productImage”。我也尝试了:src={$productImage}，但没有成功。

有人知道我如何在我的img src中获得'test.jpg'吗？

Answer 1

看起来您似乎只是提到文件名而没有相对文件夹路径。

productImage: 'test.jpg'

如果它与vue文件位于同一文件夹中，则不应使用以下相对路径

productImage: './test.jpg'