小程序循环多个picker

最新推荐文章于 2023-09-22 16:17:13 发布

Saboori

最新推荐文章于 2023-09-22 16:17:13 发布

阅读量1.3k

点赞数 1

分类专栏：工作小记文章标签：小程序

本文链接：https://blog.youkuaiyun.com/guo623689478/article/details/109165470

版权

本文介绍了如何在小程序中实现动态生成多个picker组件，用于地区选择。通过点击事件创建空数组，并在每次点击时向数组追加新的地区选项，利用数组下标为每个picker设置不同的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：点击事件生成多个picker 地区选择不同
思路：循环定义空数组，点击增加地区，往数组push一次，根据下标赋值。
在这里插入图片描述
直接上代码
请忽略格式化问题

wxml

 1. <block wx:for="{
  {pickerArr}}" wx:key="{
  {index}}" wx:for-item="items"
    wx:for-index="idx">
                   <picker mode="region" bindchange="bindRegionToAlert" data-current="{
  {idx}}" value="{
  {items.regions}}">
                       <view class="flex-between">
                           <text wx:if="{
  {!items.regions[0]}}">请选择合作地区</text>
                           <text wx:if="{
  {items.regions[0]}}" >{
  {items.regions[0]}},{
  {items.regions[1]}},{
  {items.regions[2]}}</text