小程序下拉框与选择器

本文讨论了在小程序中如何实现下拉框功能,由于小程序没有内置的下拉框标签,作者建议使用选择器组件来替代,并提供了相关的WXML、JS和WXSS代码示例。此外,还提到了选择器的索引问题和事件绑定注意事项。
摘要由CSDN通过智能技术生成

不得不吐槽下小程序下拉框问题,小程序是没有对应的下拉框标签的,如果要用到:要么自己手写,要么就用选择器代替实现。

正题(复制代码就行了)

.wxml

  <view class='list-msg'>
    <view class='list-msg2' bindtap='bindShowMsg'>
        <text>{
  {tihuoWay}}</text>
        <!-- <image style='height:20rpx;width:20rpx;' src='/images/down.png'></image> -->
    </view>
    <cover-view class="select_box" wx:if="{
  {select}}">
        <cover-view class="select_one" bindtap="mySelect" data-name="玉林">玉林</cover-view>
        <cover-view class="select_one" bindtap="mySelect" data-name="上海">上海</cover-view>
     
    </cover-view>
  </view>

.js

//下拉框
  ,bindShowMsg() {
    this.setData({
      select: !
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值