微信小程序bindchange是什么事件？_软件运维

bindChange为输入框发生改变事件。微信提供的bindchange在支持方面还有小问题，目前是失去焦点才能触发到此事件的发生。

如果在 bindchange的事件回调函数中使用 setData改变 current值，则有可能导致 setData被不停地调用，因而通常情况下请在改变 current值前检测 source字段来判断是否是由于用户触摸引起。

swiper里加了bindchange事件，有很多个swiper-item，连续快速切换swiper-item触发bindchange事件，小程序会出现一直无限触发bindchange事件。请检查是否在change事件中使用setData改变current值，请避免该 *** 作。

扩展资料

bindchange是swiper组件的属性之一，类型为eventhandle。

current改变时会触发change事件，event.detail={current,source}。当滑块的current改变时会触发该事件并执行绑定的方法。

swiper组件是小程序中使用频次最高的组件之一，属于视图容器类组件，它通过对自身属性进行简单配置就可以实现在前端开发中要写很多代码才能完成的轮播图效果。

参考资料：微信官方文档-swiper

swiper数量达到大约400+时候会出现明显滑动卡顿，渲染慢的问题，达到1000+时候需要几十秒时间，或者可能导致渲染失败。

配置 circular="true" 属性开启衔接滑动，即播放到末尾后重新回到开头。然后固定用于展示的swiper-item只设置3个，当滑动时候去替换展示的数据。这种方法可以展示几千万的数据展示都没问题。

//页面源码

1、swiper-item的key一定要设置，并且用 index 。

2、如果只有一张情况，不想让它来回滚动。可以设置 circular ，但是 circular 无法直接动态设置，我们可以使用 computed 来设置

https://gitee.com/xiaoguoyao/uni-app

1、首先需要打开HBuilderX开发工具，创建一个Web项目，并将swiper插件对应的CSS和JavaScript文件拷贝到项目中。

2、然后新建一个静态页面，然后将swiper插件的文件引入到页面中。

3、接着在<body></body>标签中，插入多个div标签并设置class属性。

4、利用类选择器和伪类选择器nth-child，设置几个div标签的样式。

5、调用jquery初始化函数，对swiper插件进行初始化，设置autoplay属性。

6、最后保存代码并运行项目，打开浏览器查看界面效果。

欢迎分享，转载请注明来源：内存溢出

微信小程序bindchange是什么事件？