使用uview里的u-dropdown组件,使得当前页面点击无效
打开u-dropdown.vue页面,在最外层View添加如下代码:<view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'"></view>props:{dropDownShow: {//为false 遮罩不显示type: Boolean,default: true},}默认设置为:true
·
打开u-dropdown.vue页面,在最外层View添加如下代码:
<view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'">
</view>
props:{
dropDownShow: {//为false 遮罩不显示
type: Boolean,
default: true
},
}
默认设置为:true,这样对之前的页面不会产生影响
打开当前页面,将dropDownShow作为参数传递到组件中
html:
<u-dropdown ref="uDropdown" class="dropdown-line" @open="open" @close="close" height="80" :dropDownShow="dropDownShow">
</u-dropdown>
js:
close(index){
this.dropDownShow = false
},
open(index){
this.dropDownShow = true
},
更多推荐
已为社区贡献2条内容
所有评论(0)