uniapp轮播图自带组件,如何设置默认初始显示第几张图片

问题遇到的现象和发生背景

uniapp轮播图自带组件,如何设置默认初始显示第几张图片,

问题相关代码,请勿粘贴截图

uniapp轮播图自带组件,如何设置默认初始显示第几张图片

运行结果及报错内容

uniapp轮播图自带组件,如何设置默认初始显示第几张图片

我的解答思路和尝试过的方法

uniapp轮播图自带组件,如何设置默认初始显示第几张图片

我想要达到的结果

img

img


https://uniapp.dcloud.io/component/swiper.html

        <swiper class="swiper"> // autoplay="true" interval="1000"
            <swiper-item>
                <image
                    src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp05%2F191001214Q53137-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650165554&t=0431fd3b01b8260466c5435e94e342f5"
                    mode=""></image>
            </swiper-item>
            <swiper-item>
                <image
                    src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic30.nipic.com%2F20130620%2F9236035_194400653173_2.jpg&refer=http%3A%2F%2Fpic30.nipic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650165554&t=0071c25914ecd48a13800ea13b195b4f">
                </image>
            </swiper-item>
            <swiper-item>
                <image
                    src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.h128.com%2Fupload%2F201906%2F03%2F201906031103422580.jpg%3Fx-oss-process%3Dimage%2Fresize%2Cm_lfit%2Cw_1421%2Fquality%2Cq_100%2Fformat%2Cjpg&refer=http%3A%2F%2Fimages.h128.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1650165554&t=d03610d12b5d3f0b1c74fa6a9611d3c7">
                </image>
            </swiper-item>
        </swiper>

在src下面换成自己的图片地址即可,望采纳