如何使用微信小程序开发工具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组件控制值
  • CoreIDAW怎么更快的改变字体的形状
  • 长针眼怎么办
  • 金铲铲之战版本选择攻略
  • 地心护核者召回人偶怎么用
  • 英雄联盟手游神龙尊者皮肤是限定吗
  • 热门搜索
    弟子规手抄报 疫情防控手抄报 禁毒手抄报图片 植树节手抄报内容50字 物理手抄报 消防知识手抄报 有关清明节的手抄报 预防病毒手抄报 六一手抄报内容 长征手抄报