vant-weapp下拉菜单DropdownMenu用法2

位置:首页 / 技术中心 / 杂项

杂项 Admin 2026-01-13 17:50:47 82

获取下拉弹窗状态

packageJ\merchantInspection\merchantDetailAdd\merchantDetailAdd.wxml

            <van-dropdown-menu>
                <van-dropdown-item value="{{ detailInfo.foodBusinessLicenseText }}" options="{{ option1 }}" id="dropdownItem1"
bind:close="closeDropdown"
bind:open="openDropdown"
bind:change="onDropdownChangeFoodBusiness"
custom-class="background-color: red !important;"/>
            </van-dropdown-menu>
packageJ\merchantInspection\merchantDetailAdd\merchantDetailAdd.js

  onPageScroll() {
    if (this.data.dropdownOpen) {
      console.log('页面滚动了');
      this.setData({
        dropdownOpen: false
      })
      if(this.selectComponent('#dropdownItem1').data.showPopup){
        this.selectComponent('#dropdownItem1').toggle();
      }
      if(this.selectComponent('#dropdownItem2').data.showPopup){
        this.selectComponent('#dropdownItem2').toggle();
      }
    }
  },
this.selectComponent('#dropdownItem2').data.showPopup可以打印出当前下拉框是否打开或者关闭
18455111359 扫描二维码