微信小程序把玩（二十）slider组件

最新推荐文章于 2025-07-08 11:27:21 发布

原创最新推荐文章于 2025-07-08 11:27:21 发布 · 1.2w 阅读

5 ·

CC 4.0 BY-SA版权

微信小程序把玩专栏收录该内容

40 篇文章

订阅专栏

本文介绍了微信小程序中Slider滑动组件的基本使用方法及其主要属性。包括如何设置最大值、步长、是否显示当前值以及如何监听滑动变化事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

slider滑动组件用的不太多，在其他平台反正我是用的不多

主要属性：

这里写图片描述

wxml

<slider 
    max="100"
    step="10"
    show-value="true"
    bindchange="listenerSlider"
/>

Page({
  data:{
    // text:"这是一个页面"
  },

  /**
   * 监听slider
   */
  listenerSlider:function(e) {
      //获取滑动后的值
      console.log(e.detail.value);
  },

  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})