手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用微信小程序开发工具slider组件控制值

时间:2024-10-14 07:09:19

1、第一步,在微信小程序开发工具中,添加一个slider组件,并添加对应的属性,如下图所示:

如何使用微信小程序开发工具slider组件控制值

2、第二步,接着在slider组件添加bindchange和bindchanging事件,如下图所示:

如何使用微信小程序开发工具slider组件控制值

3、第三步,在对应的JavaScript文件中,插入一个bindchange和bindchanging事件,如下图所示:

如何使用微信小程序开发工具slider组件控制值

4、第四步,保存代码并在内置浏览器中,预览slider组件的效果,效果如下,如下图所示:

如何使用微信小程序开发工具slider组件控制值

5、第五步,依次拖动slider组件,并在浏览器控制台查看打印的结果,如下图所示:

如何使用微信小程序开发工具slider组件控制值

6、第六步,再次查看slider组件显示的效果,一遍拖动slider组件,一遍查看值,如下图所示:

如何使用微信小程序开发工具slider组件控制值
© 手抄报圈