Php 如何将vue道具数据附加到图像源的基本路径

我最近一直在与Vue js和Laravel合作，我试图从一个源获取一个图像，该图像源包含一个基本路径和一个Vue道具数据。但问题是它返回一个错误，指出vue无法计算表达式。任何帮助都将不胜感激

<a class="thumbLink"><img data-large="url('uploads/products/285x380/@{{ 
    itemDetails.product_image}}')" alt="img" class="img-responsive" 
    src="uploads/products/285x380/@{{ itemDetails.product_image) }}">
</a>

---

Vue无法计算表达式，因为存在语法错误。在

@{{itemDetails.product_image）}

中有一个不必要的右括号

）

此外，还有一条警告建议使用

v-bind:src

而不是插值

以下是应用了两种更改的代码：

<a class="thumbLink">
  <img data-large="url('uploads/products/285x380/@{{  itemDetails.product_image}}')" 
       alt="img" 
       class="img-responsive" 
       :src="'uploads/products/285x380/' + itemDetails.product_image"
  >
</a>

---

请注意，

：src

是

v-bind:src

的缩写。使用

v-bind

会将整个属性作为表达式进行计算

<a class="thumbLink">
  <img data-large="url('uploads/products/285x380/@{{  itemDetails.product_image}}')" 
       alt="img" 
       class="img-responsive" 
       :src="'uploads/products/285x380/' + itemDetails.product_image"
  >
</a>