博客

小程序的van-dropdown-menu的滚动穿透问题

  • Post author:
  • Post category:小程序


// 重点代码
<page-meta page-style="{{ showDropdownMenu ? 'overflow: hidden;' : '' }}" />

<view class="viewContain">
    // 这里面是列表滚动区域

    <view class="otherSelect">
        <van-dropdown-menu active-color="#bb9d6d">
            <van-dropdown-item value="{{ defaultStatu }}" options="{{ statuList }}" 
                bind:open="openDropdown" bind:close="closeDropdown"   
                bind:change="changeDropdown"
            />
         </van-dropdown-menu>
    </view>
</view>

 openDropdown() {
    this.setData({
      showDropdownMenu: true,
      ['statuList[0].text']:"全部状态"
    })
 },

 closeDropdown() {
    this.setData({
      ['statuList[0].text']:"房源状态"
    })
 },

 changeDropdown(e) {
    this.setData({
      showDropdownMenu: false,
    })
 },


版权声明：本文为weixin_43550562原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。