Javascript 我想将对象数组中的图像存储到<；td>；

我正在创建一个购物车，我想将所选产品的副本与该产品的详细信息一起存储到购物车中。我可以访问和存储对象的所有内容，但图像除外。这是我正在做的一个例子

//Js used to create a list of products
 const products = [
{ id: 1, title: 'Product_1', price: 250.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 2, title: 'Product_2', price: 300.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 3, title: 'Product_3', price: 350.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 4, title: 'Product_4', price: 270.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 5, title: 'Product_1', price: 250.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 6, title: 'Product_2', price: 300.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 7, title: 'Product_3', price: 350.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 8, title: 'Product_4', price: 270.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 9, title: 'Product_1', price: 250.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 10, title: 'Product_2', price: 300.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 11, title: 'Product_3', price: 350.00, qty: 1, image: 'images/iphone.jpg' },
{ id: 12, title: 'Product_4', price: 270.00, qty: 1, image: 'images/iphone.jpg' }];



//Html code used to make the table of the shopping cart
                     <table class="table table-cart">
                        <tr v-for="(item, index) in items">
                        <td><img src={{item.image}}></img></td>
                           <td>{{item.title}} </td>

                           <td style="width:120px">QTY:
                              <input v-model="item.qty" class="form-control input-qty" type="number">
                           </td>
                           <td class="text-right">€{{item.price | formatCurrency}}</td>
                           <td>
                              <button @click="removeItem(index)"><span class="glyphicon glyphicon-trash"></span></button>
                           </td>
                        </tr>
                        <tr v-show="items.length === 0">
                           <td colspan="4" class="text-center">Cart is empty</td>
                        </tr>
                        <tr v-show="items.length > 0">
                           <td></td>
                           <td class="text-right">Cart Total</td>
                           <td class="text-right">€{{Total | formatCurrency}}</td>
                           <td></td>
                        </tr>
                     </table>

---

如果我尝试

{{item.image}}

它会在初始渲染时打印出图像的地址（images/iphone.jpg）

，在vue.js有机会渲染代码之前，浏览器会看到：

<img src="{{item.image}}"></img>

浏览器然后尝试加载{{item.image}}，但由于找不到net:：ERR_文件而失败。
您需要使用新的attr语法（vue 1.0）：

---

有关详细信息，请参见。

在初始渲染时，在vue.js有机会渲染您的代码之前，浏览器会看到：

<img src="{{item.image}}"></img>

浏览器然后尝试加载{{item.image}}，但由于找不到net:：ERR_文件而失败。
您需要使用新的attr语法（vue 1.0）：

---

有关详细信息，请参阅。

您当前的代码有什么问题？是否在Vue.js中？如果是这样，请用

vue.js

标记问题。我尝试发布输出图像，但我不认为它是vue.js。抱歉，即添加了标记。我尝试使用“”添加了标记，但它不起作用，我仍然收到相同的错误。您当前的代码有什么问题吗？这是在vue.js中吗？如果是这样，请用

vue.js

标记问题。我试图发布输出图像，但我不认为它是vue.js。抱歉，即添加了标记。我尝试使用“”但它不起作用，我仍然收到相同的错误

<!-- verbose -->
<img v-bind:src="item.image" />

<!-- shorthand -->
<img :src="item.image" />