49-实现商品详情轮播图

<template>
    <view class='goods_detail'>
        <swiper indicator-dots>
            <swiper-item v-for="(item,index) in swipers" :key="index">
                <image :src='item.src'></image>
            </swiper-item>
        </swiper>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                id : 0,
                swipers:[]
            }
        },
        methods: {
            //获取轮播图的数据，首先会有函数
            async getSwipers(){
                const res = await this.$myRequest({
                    url:'/api/getthumimages/'+this.id
                })
                this.swipers = res.data.message
            }
        },
        onLoad(options){
            // console.log(options)
            this.id = options.id
            this.getSwipers()
        }
    }
</script>
<style lang="scss">
.goods_detail{
    swiper{
        height:750rpx;
        image{
            width:100%;
            height:100%;
        }
    }
}
</style>

获取到地址栏参数，是通过onload加载中的options获取得到的。