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

112次阅读

共计 492 个字符,预计需要花费 2 分钟才能阅读完成。

踩坑踩了几个小时,各种百度都没解决,最初无心中解决了。纯正分享一下踩坑经验,不便当前可能有遇到雷同问题的童鞋。。。。。

框架是: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

}

正文完
 0