uni-app请求数据报错，页面无法渲染

Question

<template>
    <view class="info">
        
        <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
            <swiper-item v-for="item in productDetail" :key="item.id">
                <image :src="item.pic"></image>
                <view class="swiper-item"></view>
            </swiper-item>
        </swiper>
    </view>
</template>

<script>
    import {
        productDetail
    } from "@/api/kind/kindList/info/info.js"
    export default {
        data() {
            return {
                productDetail: {},
            };
        },
        onLoad(options) {
            productDetail(options.id).then(res => {
                console.log("商品详情", res);
                this.productDetail = res.data.product;
            })
        }
    }
</script>

<style lang="scss" scoped>
    @import 'info.scss'
</style>

请问一下上面这个报错怎么解决，无法读取id，但是我数据请求成功了，就是这个id的地方报错，导致数据不能在页面显示出来

Answer 1

在这里打印options，应该是个undefined
加一个console.log(options)