关于uView第三方库dropdown遮罩挡住页面不能点击,以及引发的页面滚动报warn问题修复

凌云魅影

踩坑踩了几个小时,各种百度都没解决,最后无意中解决了。纯粹分享一下踩坑经历,方便以后可能有遇到相同问题的童鞋。。。。。

框架是:uniapp+uView
使用udropdown下拉菜单组件导致两个问题:
第一:他的mask层会挡住页面其他元素,导致点击不了。
第二:会导致页面滚动时候报如下错误:Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted

解决方案:
在uView包里面找到:components->u-dropdown->u-dropdown.vue。
依次增加:
<view class="u-dropdown" :style="dropDownShow ? '' :'overflow:hidden'"></view>
data(){

return{
    dropDownShow:false
}

}
open(){

this.dropDownShow = true

}
close(){

this.dropDownShow = false

}

阅读 1.4k
1 声望
0 粉丝
0 条评论
1 声望
0 粉丝
文章目录
宣传栏