Skip to content

fix(u-dropdown): 🐞 修复sticky布局时页面无法滚动问题 #1262

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
zxfd wants to merge 1 commit into
base: master
Choose a base branch
from
Open

fix(u-dropdown): 🐞 修复sticky布局时页面无法滚动问题 #1262

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 5 additions & 3 deletions uview-ui/components/u-dropdown/u-dropdown.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,9 +143,7 @@
// 引用所有子组件(u-dropdown-item)的this，不能在data中声明变量，否则在微信小程序会造成循环引用而报错
this.children = [];
},
mounted() {
this.getContentHeight();
},

methods: {
init() {
// 当某个子组件内容变化时，触发父组件的init，父组件再让每一个子组件重新初始化一遍
Expand All @@ -172,6 +170,8 @@
},
// 打开下拉菜单
open(index) {
// 打开后才设置内容高度，以修复issue # 608
this.getContentHeight()
// 重置高亮索引，否则会造成多个菜单同时高亮
// this.highlightIndex = 9999;
// 展开时，设置下拉内容的样式
Expand All @@ -190,6 +190,8 @@
},
// 设置下拉菜单处于收起状态
close() {
// 收起的时候将高度设为0，以修复issue # 608
this.contentHeight = 0
this.$emit('close', this.current);
// 设置为收起状态，同时current归位，设置为空字符串
this.active = false;
Expand Down