浏览代码

fix(popup): h5 滑动内容穿透修复

richard1015 4 年之前
父节点
当前提交
2f5ea0326d
共有 1 个文件被更改,包括 9 次插入5 次删除
  1. 9 5
      src/packages/__VUE/overlay/index.vue

+ 9 - 5
src/packages/__VUE/overlay/index.vue

@@ -20,7 +20,8 @@ import {
   onBeforeUnmount,
   onBeforeUnmount,
   onDeactivated,
   onDeactivated,
   onMounted,
   onMounted,
-  onActivated
+  onActivated,
+  watchEffect
 } from 'vue';
 } from 'vue';
 import { createComponent } from '../../utils/create';
 import { createComponent } from '../../utils/create';
 const { componentName, create } = createComponent('overlay');
 const { componentName, create } = createComponent('overlay');
@@ -68,12 +69,15 @@ export default create({
       };
       };
     });
     });
 
 
-    watch(props.lockScroll, (value) => {
-      value ? lock() : unlock();
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        value ? lock() : unlock();
+      }
+    );
 
 
     const lock = () => {
     const lock = () => {
-      if (props.lockScroll) {
+      if (props.lockScroll && props.visible) {
         document.body.classList.add('nut-overflow-hidden');
         document.body.classList.add('nut-overflow-hidden');
       }
       }
     };
     };