微信小程序 slider 详解及实例代码

微信小程序 slider 详解及实例代码

微信小程序slider

相关文章：

微信小程序 Button

微信小程序 radio

微信小程序 slider

微信小程序 switch

微信小程序 textarea

微信小程序 picker-view

微信小程序 picker

微信小程序 label

微信小程序 input

微信小程序 form

微信小程序 checkbox

实现效果图：

滑动选择器

属性名

类型

默认值

说明

min

Number

0

最小值

max

Number

100

最大值

step

Number

1

步长，取值必须大于 0，并且可被 (max - min) 整除

disabled

Boolean

false

是否禁用

value

NumbGodLYlZOer

0

当前取值

show-value

Boolean

false

是否显示当前value

bindchange

EventHandle

完成一次拖动后触发的事件，event.detail = {value:value}

示例代码：

设置left/right icon

设置step

显示当前value

设置最小/最大值

var pageData = {}

for(var i = 1; i < 5; ++i) {

(function (index) {

pageData[`slider${index}change`] = function(e) {

console.log(`slider${index}GodLYlZO发生change事件，携带值为`, e.detail.value)

}

})(i);

}

Page(pageData)

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。