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
的缩写
尝试使用字符串: