微信小程序:Picker-View与Picker-View-column的使用

最新推荐文章于 2025-04-03 10:47:13 发布

心情懒扒

最新推荐文章于 2025-04-03 10:47:13 发布

阅读量3.4k

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_30920719/article/details/105990986

版权

微信小程序专栏收录该内容

5 篇文章

订阅专栏

本文介绍了微信小程序中Picker-View和Picker-View-column的使用方法。重点强调了需要为Picker-View设置高度以确保正常显示，同时指出picker-view-column可以容纳多种控件，并解释了wx:key的重要性，用于保持控件状态。

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

在这里插入图片描述

代码:

<picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" bindchange="myChange">
  <picker-view-column>
    <view wx:for="{{names}}" wx:key="a" style="line-height: 50px;text-align: center;">{{item}}</view>
  </picker-view-column>
  <picker-view-column>
    <view wx:for="{{names}}" wx:key="a" style="line-height: 50px;text-align: center;">{{item}}</view>
  </picker-view-column>
  <picker-view-column>
    <view wx:for="{{names}}" wx:key="a" style="line-height: 50px;text-align: center;">{{item}}</view>
  </picker-view-column>
</picker-view>