uni-app uViewUI的u-dropdown层级问题

LEON劉先森

于 2022-11-13 17:33:20 发布

阅读量2k

点赞数

文章标签： uni-app

本文链接：https://blog.csdn.net/qq_34456265/article/details/127834676

版权

没有检索到摘要

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找到uview-ui => components =>u-dropdown => u-dropdown.vue

添加

:style="dropDownShow ? '' :'overflow:hidden'"

如：

<view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'">
...
</view>

props: {
    ...,   
	dropDownShow: {
		type: Boolean,
		default: false
	},
}

引用页面添加

:dropDownShow="dropDownShow" @open="open" @close="close"

如：

<u-dropdown :dropDownShow="dropDownShow" @open="open" @close="close">
	<u-dropdown-item  v-model="value1" title="菜单一" :options="options1"></u-dropdown-item>
	<u-dropdown-item  v-model="value2" title="菜单二" :options="options2"></u-dropdown-item>
</u-dropdown>

open() {
    this.dropDownShow = true;
},
close() {
    this.dropDownShow= false;
}