</template>
      <q-carousel
       class="bans"
       animated
       v-model="slide"
       arrows
       navigation
       infinite
       :autoplay="2500"
       v-if="item.storeInfo"
     >
        //  v-if="item.storeInfo" 此处是因为之前sliderImageArr报错undefined
       <q-carousel-slide :name="index" v-for="(it, index) in item.storeInfo.sliderImageArr" :key="index" :img-src="`http://192.168.60.174:8001/file${it.split('/file')[1]}`" />
        // :name="index" 名称
        // v-for="(it, index) in item.storeInfo.sliderImageArr" 得到sliderImageArr数组图片
        // img-src="`http://192.xxx.xx.174:8001/file${it.split('/file')[1]}`"  对图片路径进行拼接和截取
        // split('/file')[1] 的[1]是因为split截取到的是数组
     </q-carousel>
  </template>
  <script>
    export default {
      data() {
        return {
           slide: 1,  //  此处的1 等于 :name="index"
           item: {},
           sliderImageArr: []    
      }
    },
    created() {
      this.getList();
    },
    methods: {
      getList() {
        let id = this.$route.query.id;
        this.$axios({
          method: "get",
          url: "http://192.xx.xx.174:8000/api/product/detail/" + id,
         headers: { Authorization: window.sessionStorage.getItem("token") }
        })
          .then(res => {
            this.item = res.data.data
            this.sliderImageArr = res.data.data.storeInfo.sliderImageArr
            console.log(res.data.data.storeInfo.sliderImageArr)
          })
          .catch(function(error) {
            console.log(error);
          })
      },
  </script>