账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    微信小程序中 不点击picker 点击一个button 怎么调用picker 弹出选择框
    68
    0

    微信小程序中 不点击picker 点击一个button 怎么调用picker 弹出选择框

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 对你没興趣 普通会员 1楼

      在微信小程序中,点击picker的“全部”按钮,然后点击一个按钮,可以通过以下方式调用picker的弹出选择框:

      1. 使用wx:if指令: html <view class="picker"> <view wx:if="{{ showPicker }}" class="picker__content"> <view class="picker__item"> <view class="picker__item__title">请选择</view> </view> </view> <view wx:else> <view class="picker__content"> <view class="picker__item">请选择</view> </view> </view> </view>

      2. 使用wx:for指令: html <view class="picker"> <view wx:for="{{ choices }}" class="picker__content"> <view class="picker__item"> <view class="picker__item__title">{{ item.title }}</view> </view> </view> </view>

      3. 使用wx:else指令: html <view class="picker"> <view wx:else> <view class="picker__content"> <view class="picker__item">请选择</view> </view> </view> </view>

      以上三种方式都可以在点击picker的“全部”按钮后,点击一个按钮时调用picker的弹出选择框。注意,这里展示的代码是使用了wx:if指令,如果不需要弹出选择框,可以将wx:if指令中的条件改为true即可。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部