vant-weapp下拉菜单DropdownMenu用法

位置:首页 / 技术中心 / 微信小程序原生

微信小程序原生 Admin 2026-01-13 14:50:47 52

第一种为官方默认用法,这里不做解释。

第二种,显示标题,且标题不作为下拉框的选项

packageC\addGridConfig\addGridConfig.wxml

      <van-dropdown-menu active-color="#1989fa">
        <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" title="{{value1 ? option1[value1].text : '日志类型'}}" id="dropdownItem1"
bind:close="closeDropdown"
bind:open="openDropdown"
bind:change="onDropdownChange"/>
      </van-dropdown-menu>
packageC\addGridConfig\addGridConfig.js

  data: {
    option1: [],
    value1: 0
  },
效果如下


18455111359 扫描二维码