美文网首页
小程序如何正确的轮播图组件获取对应的点击事件

小程序如何正确的轮播图组件获取对应的点击事件

作者: 一个被程序员耽误的厨师 | 来源:发表于2018-12-25 14:56 被阅读75次

    1、先从微信小程序官网上copy下swiper组件。  地址:swiper

           在index.wxml页面了添加上swiper的banner图:

            index.wxml添加如下代码:    

    0001

    index.js中的data数组添加如下代码:

    0002

    2、给swiper添加bindchange事件,动态的获取当前展示的是第几张图片。

    003

    3、给swiper-item添加bindtap事件,点击后根据是第几张图片触发相应的事件。

    004

    4、检验下呗:

    005

    基本的介绍就到这里吧!

    下图是我用小程序云开发的个人项目—我与三人行:

    项目地址:GitHub:小程序云开发-我与三人行如果您觉得还可以的话,那就statr下吧!!!!!

    相关文章

      网友评论

          本文标题:小程序如何正确的轮播图组件获取对应的点击事件

          本文链接:https://www.haomeiwen.com/subject/urozkqtx.html