随后记: uniapp uview u-dropdown 下拉菜单固定高度滑动不生效

使用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;
		}
	}



 

相关推荐

  1. Element-Plus Dropdown 菜单样式修改

    2024-06-05 21:56:01       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-05 21:56:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-05 21:56:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-06-05 21:56:01       87 阅读
  4. Python语言-面向对象

    2024-06-05 21:56:01       96 阅读

热门阅读

  1. Spring Boot整合Redis

    2024-06-05 21:56:01       31 阅读
  2. 与游戏外包公司合作需要注意的问题

    2024-06-05 21:56:01       34 阅读
  3. 约瑟夫游戏(编号+密码)

    2024-06-05 21:56:01       27 阅读
  4. Flutter 中的 InheritedTheme 小部件:全面指南

    2024-06-05 21:56:01       30 阅读
  5. 关于vue开发的几个问题

    2024-06-05 21:56:01       28 阅读
  6. 数据结构:单链表

    2024-06-05 21:56:01       19 阅读
  7. android 在onCreate方法中获得view的宽高

    2024-06-05 21:56:01       32 阅读
  8. 图论第一天

    2024-06-05 21:56:01       36 阅读
  9. 【图论】树的重心

    2024-06-05 21:56:01       26 阅读