微信小程序---picker

最新推荐文章于 2024-08-01 09:43:57 发布

maybe28

最新推荐文章于 2024-08-01 09:43:57 发布

阅读量1.2k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/shu580231/article/details/79291142

版权

微信小程序弃用select，采用picker组件提供更好的移动端交互。本文主要介绍mode为selector的picker使用，包括value作为下标，range定义选择范围。同时，讲解如何在选择部门信息时，利用range-key展示object array中的name属性作为内容。

摘要由CSDN通过智能技术生成

微信小程序摒除了select，因为觉得这个在移动端的操作以及显示不友好，从而产生了picker，picker也就是从底部弹起的滚动选择器，现在支持的有5种，通过mode来区分。具体的参照微信小程序开发文档

https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html。

本文章主要解释一个mode为selector，平常比较常用的一些固定的选择，我们平常就这样子写了，

 
    
  < 
  picker 
    
  bindchange 
  = 
  "bindCasPickerChangeStatusEmployee" 
    
  value 
  = 
  "{
   {index}}" 
 

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

maybe28

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序之滚动选择器（picker）

尘封的落叶的博客

06-26

3314

滚动选择采用的是picker组件，具体使用方法如下：实例1：Page({js:data:{pickerList:[ { id:1 , name: picker01},{ id:2 ,name: picker02},{ id:3 ,name: picker03},{ id:4 ,name: picker04},],pickerListIdx:0,}bindPicker: function (e) {...

微信小程序 —— picker 组件，下拉列表组件

u010669626的博客

02-27

2003

range-key string 当 range 是一个 object array 时，通过 range-key。value number 0 表示选择了 range 中的第几个（下标从 0 开始)此处只列举 mode = selector 时，selector 是默认属性，不需要设置。除了通用属性，对于不同的 mode, picker 拥有不同的属性。上面的 weui.wxss 是微信官方提供的 UI 库。用这种格式加到项目里。

参与评论您还未登录，请先登录后发表或查看评论

微信小程序：picker

qq_一望损莓苔的博客

05-09

385

https://blog.csdn.net/Afanbaby/article/details/78796610

微信小程序修改picker-view蒙层样式，以适应黑色背景

weixin_40466351的博客

08-01

317

一、原来的效果图,有个黑色的渐变，看起来很不协调二、调整主要的代码，添加蒙版样式，透明度一定要设置为0 三、调整后的效果图，勉强能适应样式

微信小程序--picker组件

2301_78374183的博客

06-13

625

【代码】微信小程序--picker组件。

微信小程序选择器picker的使用（selector 普通选择器）

m0_52244931的博客

03-10

4354

从底部弹起的滚动选择器。就是类似于element-ui中的下拉选择器。

微信小程序 -- 年月日时分秒 picker 选择器

06-28

在微信小程序开发中，UI组件的选择器`picker`是一个常用的功能，它允许用户从一系列选项中进行选择。本文将深入探讨如何实现一个专门用于选择年、月、日、时、分、秒的`picker`组件，以提升用户体验并增强应用程序的...

微信小程序 - 自定义picker 封装成插件

06-27

微信小程序 - 自定义picker 封装成插件可以自定义多级数据picker 最多四级最少一级自定义二级数据联动自定义三级数据联动自定义四级数据联动封装成插件全局使用

微信小程序--自定义选择颜色（组件）

07-29

1、微信小程序、颜色、组件、可自定义选择 2、该资源科用于用户自定义选择喜欢的颜色 3、已经封装成组件，可以直接调用即可 4、成功运用于网上用户，体验效果好 5、想要的小伙伴可以直接拿去使用，方便快捷高效的...

微信小程序-自定义组件-遮罩层

05-05

在微信小程序开发中，自定义组件是提升代码复用性和模块化的重要手段。遮罩层，也称为蒙层，是一种常见的UI元素，用于在页面上创建半透明的覆盖层，通常用于显示弹窗、加载提示或者进行用户交互时提供背景效果。在此...

原生微信小程序-自定义picker选择器.zip

02-21

"原生微信小程序-自定义picker选择器.zip" 是一个专门针对微信小程序的源码项目，旨在提供一个自定义的选择器组件，帮助开发者创建更加精致、个性化的用户界面。这个源码包包含了一个经过优化的picker组件，其设计...

微信小程序picker组件

01-09

微信小程序picker组件，省市二级联动及其修改时进行回显，此文件只提供参考，希望给需要的朋友带来帮助。

微信小程序开发之Picker组件

m0_59704905的博客

04-18

706

在微信小程序中，Picker 组件是用来实现选择器功能的，允许用户在多个选项中进行选择。它可以呈现多种形式，如单列选择、多列联动选择等。

微信小程序中picker的使用

weixin_45664217的博客

06-27

8346

picker是分为普通picker，日期选择，省市区 <view class="fliter">  <view class="filter_item"> <picker bindchange="bindPickerChange" value="{{setIndex}}" range="{{activ.

微信小程序picker联动

gsl371的专栏

06-11

1123

文章目录前言一、picker二、前端代码wxmljs二、后端代码数据样式如下代码总结前言一、picker 官方和网上的示例给出的picker用起来不是那么方便，调整联动内容需要修改前端，目前没有发现好的方法；自己写一个，做个记录，方便使用。二、前端代码 wxml <view class="container"> <view class="section"> <view class="section__title" wx:for="{{firstList}}"

【微信小程序】选择器组件picker

热门推荐

Fangyechy的博客

11-01

1万+

微信小程序之选择器组件picker

range 小程序picker_微信小程序之picker组件

weixin_36174545的博客

01-04

264

一般我们在填写收获信息的地址时，底部会弹起一个选择省市的选择器。小程序其实也给我们提供了这样一个选择器：这个picker组件目前支持5种选择器，分别是普通选择器、多列选择器、时间选择器、日期选择器、省市区选择器。现在让我们通过一个实例来看下吧： <view class="section"> <view class="secti...

微信小程序picker

藏经阁

06-30

2218

这个功能应该算是基础的了，下面讲讲它的实现：首先，其实是一个名为 picker 的组件： picker（微信官方文档）基础库 1.0.0 开始支持，低版本需做兼容处理。从底部弹起的滚动选择器。然后看看我的代码：这是HTML部分的代码： <view class='Select'> <picker mode="multiSelector" bindchange="bi...

微信小程序--picker

qq_41763797的博客

04-23

667

在为发现小程序官方提供了picker后，毅然决然得放弃了摆弄了一天的纯js选择器，因为我发现在手写的选择器下，文本框的 placeholder 属性的显示层数超过我设置的模态，而文本域则直接是最高级的显示层，如果你的选择器在文本域上将直接点击到文本域，无法选择。这时我发现了picker。。。picker官方也给了五种选择器，通过mode区分，分别为普通选择器，多列选择器-multiSelector...

微信小程序picker-column时间