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

This article mainly introduces the relevant knowledge of "how to use the picker-view components in WeChat Mini Programs". The editor shows you the operation process through an actual case. The operation method is simple and fast, and it is practical. I hope this article "how to use the picker-view components in WeChat Mini Programs" can help you solve the problem.

Realize the effect picture:

Scrolling selector embedded in the page

Attribute name type default value description valueNumber Array

The numbers in the array in turn represent the items selected by the picker-view-colume within the picker-view (the subscript starts at 0). If the number is greater than the optional length of the picker-view-column, select the last item. Indicator-styleString

Set the style of the middle selection box of the selector bindchangeEventHandle

When scrolling, the change event is triggered when value changes, event.detail = {value: value}; value is an array, indicating the number of items currently selected by the picker-view-column in the picker-view (subscript starts with 0)

Note: only components can be placed, and other nodes will not be displayed.

Picker-view-column

Can only be placed in, and the height of its child node is automatically set to the same height as the check box of picker-view

Sample code:

{{year}} year {{month}} month {{day}} day {{item}} year {{item}} month {{item}} day const date = new Date () const years = [] const months = [] const days = [] for (let I = 1990; 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.