Vue.js Vue:src在已安装的挂钩中出错："；TypeError:无法读取属性'；0'；“未定义”的定义；

我在尝试获取图像的名称时出错，不知道什么

product.images[0]

给出了一个数组，然后

product.images[0]->name

给出了一个错误

---

产品

中的至少一个元素可能没有

图像

属性。您的屏幕截图仅显示第一个元素

您可以有条件地呈现该

能否在products数组中共享所有对象？我看到的第一个问题是，images数组中的image对象没有“name”属性

<template>
  <div class="container mt-5" v-if="products">
    <div class="row products">
      <div v-for="(product,index) in products" :key="product.id" class="product col-12 mx-auto">
        <div class="product_image">
           <img :src="product.images[0].image" alt="">
        </div>
        <div class="product_info">
          <h4 class="product_title">{{product.name}}</h4>
          <h3 class="product_price">${{product.price}}</h3>
        </div>
      </div>
    </div>
  </div>
</template>

export default {
   data(){
      return {
         name: "Products"
      }
   },
  props:{
     products:Array
  },
  computed:{
     baseUrl(){
       return this.$store.getters.getBaseUrl
     }
  },
}