当前位置: 首页 > news >正文

微信小程序picker组件的简单使用 单选

<picker mode="selector" range="{{classData}}" bindchange="bindClassChange" value="{{classIndex}}" range-key="className"><view class="picker">{{classData[classIndex].className || '请选择班级'}}</view>
</picker> 

classData是接口请求的数组 如果picker显示的值是[object,object]这样的 range-key="className"

range-key就是重点 修改成你要显示的字段

  //班级选择bindClassChange: function (e) {const classIndex = e.detail.value;this.setData({classIndex});},
http://www.lryc.cn/news/131501.html

相关文章:

  • python、numpy、pytorch中的浅拷贝和深拷贝
  • EasyRecovery14数据恢复软件支持各类存储设备的数据恢复
  • 玩机搞机----面具模块的组成 制作模块
  • 注册中心/配置管理 —— SpringCloud Consul
  • Next.js 13 你需要了解的 8 件事
  • 计数排序(Count Sort)算法详解
  • Linux驱动开发(Day3)
  • 使用Vscode调试shell脚本
  • OpenAI Function calling
  • 【C语言】字符分类函数、字符转换函数、内存函数
  • Deep Learning With Pytorch - 最基本的感知机、贯序模型/分类、拟合
  • 测试工具coverage的高阶使用
  • 安卓监听端口接收消息
  • 「Node」下载安装配置node.js
  • NOIP2014普及组,提高组 比例简化 飞扬的小鸟 答案
  • 【Java】使用Apache POI识别PPT中的图片和文字,以及对应的大小、坐标、颜色、字体等
  • 根据源码,模拟实现 RabbitMQ - 实现消息持久化,统一硬盘操作(3)
  • 找到所有数组中消失的数(C语言详解)
  • 计算机毕设项目之基于django+mysql的疫情实时监控大屏系统(前后全分离)
  • Unity UI内存泄漏优化
  • 学习笔记:Opencv实现图像特征提取算法SIFT
  • 【golang】接口类型(interface)使用和原理
  • 【Linux操作系统】Linux系统编程中的共享存储映射(mmap)
  • 2235.两整数相加:19种语言解法(力扣全解法)
  • 中国剩余定理及扩展
  • 数据在内存中的存储(deeper)
  • 算法修炼Day52|● 300.最长递增子序列 ● 674. 最长连续递增序列 ● 718. 最长重复子数组
  • 使用 HTML、CSS 和 JavaScript 创建实时 Web 编辑器
  • 百望云联合华为发布票财税链一体化数智解决方案 赋能企业数字化升级
  • 实现两个栈模拟队列