uniapp swiper组件添加点击事件

最新推荐文章于 2024-08-03 16:32:15 发布

了以李_

最新推荐文章于 2024-08-03 16:32:15 发布

阅读量4.1k

点赞数 2

分类专栏： uniapp 笔记 H5 文章标签： html html5 css3 javascript

本文链接：https://blog.csdn.net/weixin_47466275/article/details/115483623

版权

笔记同时被 3 个专栏收录

30 篇文章 0 订阅

订阅专栏

15 篇文章 0 订阅

订阅专栏

uniapp

13 篇文章 0 订阅

订阅专栏

这篇博客对比了微信小程序和支付宝小程序中滑动组件（swiper）的用法，强调了两者在事件处理上的不同。微信小程序允许直接在swiper-item上绑定点击事件，而支付宝小程序则需要将事件绑定在包裹swiper-item的view标签上。

摘要由CSDN通过智能技术生成

微信小程序下写法

<swiper circular duration="1000" interval="5000" autoplay>
	<swiper-item v-for="(item, index) in bannerlist" :key="index" @click="skip(item.url)">
		<image class="loaded" :src="item.thumb"></image>
	</swiper-item>
</swiper>

支付宝小程序写法
必须把@click事件写在<view>标签上面才生效

<swiper circular duration="1000" interval="5000" autoplay>
	<swiper-item v-for="(item, index) in bannerlist" :key="index">
		<view @click="skip(item.url)">
			<image class="loaded" :src="item.thumb"></image>
		</view>
	</swiper-item>
</swiper>