微信小程序中 Vant DropdownMenu 下拉菜单组件滑动穿透问题

首先开发者在wxml页面中定义如下代码：

page-meta 必须是页面内的第一个节点

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

其次需要控制page-style属性值，当下拉菜单显示时触发函数onShowDropdownMenu，将page-style属性值设置为overflow: hidden，隐藏时置空，这样就很好的解决了滚动穿透的问题。

onShowDropdownMenu() {

this.setData({

showDropdownMenu: true

})

}