【问题标题】:Vue delimiter not working in attribute, but working in elementVue分隔符不在属性中工作,但在元素中工作
【发布时间】:2021-04-04 16:05:40
【问题描述】:

分隔符在段落中起作用,但不适用于图像, 检查下面的cmets

<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>

即使在网络检查器中,此分隔符仅在图像中显示为 [[image]],但对于段落 [[image]] 正在呈现

【问题讨论】:

    标签: javascript html vue.js vuejs2 vue-component


    【解决方案1】:

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

    尝试使用字符串template literal

    <img :src="`/media/${image}`"></img>
    

    【讨论】:

      猜你喜欢
      • 2018-11-22
      • 2018-03-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-09-10
      • 1970-01-01
      相关资源
      最近更新 更多