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

最新推荐文章于 2024-05-31 13:55:04 发布

星期五の夜

最新推荐文章于 2024-05-31 13:55:04 发布

阅读量680

点赞数

文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/weixin_43550562/article/details/129246764

版权

// 重点代码
<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,
    })
 },