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

This article mainly explains "WeChat Mini Programs how to achieve switch components", the article explains the content is simple and clear, easy to learn and understand, now please follow the editor's ideas slowly in depth, together to study and learn "WeChat Mini Programs how to achieve switch components" bar!

Realize the effect picture:

Switch selector

The default value of the attribute name type indicates whether checkedBooleanfalse selects disabledBooleanfalse and disables typeStringswitch style. Valid values: switch, checkboxbindchangeEventHandle

Change event is triggered when checked changes, event.detail= {value:checked}

Sample code:

Type= "switch" type= "checkbox" var pageData = {data: {switch2Checked: true, switch3Checked: false, switch2Style:', switch3Style: 'text-decoration: line-through'}} for (var I = 1; I

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.