vue3使用swiper6.7.0写轮播图,按钮在轮播图外面

应用场景:需要在header区域,写24小时天气预测轮播,按钮在轮播图外面,默认隐藏左侧按钮,当点击右侧按钮后,左侧按钮显示,当点击到最后一个轮播图的显示时,隐藏右侧按钮。通过获取索引,监听索引的方法实现。

项目里以前使用的是swiper6.7,所以这次写这个轮播还用了6版本,没有升级。

效果:




你可能感兴趣的:(web前端,vue,javascript,前端,vue.js)