uniapp H5遮罩层、弹窗以及蒙层滚动穿透/滑动穿透解决办法

// 在父级元素添加重写滚动事件   @touchmove.stop.prevent="() => { }"
<view @touchmove.stop.prevent="() => { }">
	<u-datetime-picker :show="isOpenDateHMS"  :minDate="getMillisecond()" @confirm="closeDateHMS" mode="datetime">
	</u-datetime-picker>
</view>

<template>
	<view class="container">
    	<view class="shade" v-if="canEdite"></view>
	</view>
</template>
<style scoped lang="scss">
@import "common.scss";
.shade{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent !important;
  z-index: 9999;
}
</style>

<template>
	<view class="container">
		<page-meta :page-style="spanStyle"></page-meta>	
    	<view class="shade" v-if="canEdite"></view>
	</view>
</template>
<script >
  export default {
    data() {
      return {
        spanStyle:"overflow:auto"
      }
    },
    methods: {
      upPop(canEdite){
        if(canEdite){
          this.spanStyle="overflow:hidden";
        }else{
          this.spanStyle="overflow:auto";
        }
      }
    }
  }
</script >

watch: {
	show(newValue, oldValue) {
		//在这里添加一句样式    ㄟ(≧◇≦)ㄏ  
	    document.body.style.overflow = !newValue ? "auto" : "hidden";
	    // 是的就是这句话就能解决穿透的问题
		if (newValue === true) {
			// #ifdef MP-WEIXIN
			const children = this.$children
			this.retryComputedComponentRect(children)
			// #endif
		}
	}
	},