使用u-dropdown 下拉組件 按照uview官網講解使用 配置根本不生效
scroll-y="true" style="height: 200rpx;"
但是在下拉的時候,不能上下滑動 ,原因是自帶的遮罩層擋住了
?
解決辦法:在下拉菜單打開和關閉的時候,分別處理顯示和隱藏遮罩層,并且單獨給item高度
請參考:
重點:u-dropdown-item? 單獨給height? 添加打開關閉事件,處理遮罩層顯示影響,添加穿透樣式
<u-dropdown class="dropdown" :class="{'dis-none': !dropdownOpen}" @open="openDrops" @close="closeDrops"><u-dropdown-item height='400' v-model="selectFollow" :title="title" :options="optionsList" @change="changeSelectFollow"></u-dropdown-item><u-dropdown-item height='400' v-model="selectStatus" :title="statusTitle" :options="statusList" @change="changeSelectStatus"></u-dropdown-item></u-dropdown>
openDrops(e) {this.dropdownOpen = true;},// 關閉篩選下拉closeDrops(e) {this.dropdownOpen = false;},
.dis-none{::v-deep .u-dropdown__content{display: none;}}
?