Javascript Vue分隔符不在属性中工作,但在元素中工作

Javascript Vue分隔符不在属性中工作,但在元素中工作,javascript,html,vue.js,vuejs2,vue-component,Javascript,Html,Vue.js,Vuejs2,Vue Component,分隔符在段落中起作用,但在图像中不起作用, 查看下面的评论 <div id="productslist"> <div v-for="product in products"> <h2>[[product.productname]]</h2> <p>[[product.mrp]]</p> <p>[[product.sp]]</p>

分隔符在段落中起作用,但在图像中不起作用, 查看下面的评论

<div id="productslist">
<div v-for="product in products">
    <h2>[[product.productname]]</h2>
    <p>[[product.mrp]]</p>
    <p>[[product.sp]]</p>
    <p>[[product.description]]</p>
    <div v-for="image in product.images">
        <!-- here delimiter is working -->
        <p>[[image]]</p>
        <!-- here delimiter is not working -->
        <img src="/media/[[image]]"></img>
    </div>
</div>

[[product.productname]]
[[product.mrp]]

[[product.sp]]

[[产品说明]]

[[图像]]


即使在web inspector中,此分隔符也仅在图像中显示为
[[image]]
,但在呈现段落时,不应在属性中使用分隔符。您还缺少
src
属性上的绑定,如
:src
,它是
v-bind:src
的缩写

尝试使用字符串:


属性中不应使用分隔符。您还缺少
src
属性上的绑定,如
:src
,它是
v-bind:src
的缩写

尝试使用字符串: