Shulou(Shulou.com)05/31 Report--

Today, Xiaobian will share with you the relevant knowledge points on how to use the slider in Weixin Mini Programs (Mini). The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you will gain something after reading this article. Let's find out together.

Implementation effect diagram:

slide selector

Attribute Name Type Default Description minNumber0 Minimum maxNumber100 Maximum stepNumber1 Step size, value must be greater than 0 and divisible by (max - min) disabledBooleanfalse Disable valueNumber0 Current value show-valueBooleanfalse Display current valuebindchangeEventHandle

Event triggered after completing a drag, event.detail = {value:value}

Example code:

Set left/right icon Set the step Show current value Set min/max values var pageData = {}for(var i = 1; i < 5; ++i) { (function (index) { pageData[`slider${index}change`] = function(e) { console.log(`slider${index} change event occurred, carrying value`, e.detail.value) } })(i);}Page(pageData) The above is "How to use slider in Weixin Mini Programs (Mini)" Thank you for reading all the contents of this article! I believe everyone has a great harvest after reading this article. Xiaobian will update different knowledge for everyone every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.