<van-dropdown-menu>
<van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" id="item" >
<view style="padding: 5px 16px;">
<van-button type="danger" block round bindtap="onConfirm">
x
</van-button>
</view>
</van-dropdown-item>
<van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" />
</van-dropdown-menu>
wxml上面的取消按钮上面,绑定一个自定义的函数事件,这个是取消事件
onConfirm() { this.selectComponent('#item').toggle(); }
取消事件当中,通过 this.selectComponent获取id为item的 下拉框内容部分的dom节点,用toggle()方法:
切换菜单展示状态,传true
为显示,false
为隐藏,不传参为取反