vue里mint-ui的picker弹窗的穿透效果 禁止

解决思路
在弹出组件的时候，阻止body滑动事件；弹回的时候，开启body滑动事件

html

<mt-datetime-picker ref="picker"
                        type="date"
                        :endDate="endDate"
                        :startDate="startDate"
                        v-model="pickerValue"
                        @confirm="handleConfirm"
                        @visible-change = "visbleChange">


data () {

  handler: function(e){
            e.preventDefault()
        },
}

watch: {
      value(val) {
        this.currentValue = val;
      },

      rims() {
        this.generateSlots();
      },

      visible(val) {
        this.$emit('visible-change', val);
      }
    },

mehtods: {
   /*解决页面层级相互影响滑动的问题*/
   //打开的时候和关闭的时候
      closeTouch () {
          document.getElementsByTagName('body')[0].addEventListener('touchmove', this.handler, {passive:false})//阻止默认事件
      },
      openTouch () {
          document.getElementsByTagName('body')[0].removeEventListener('touchmove', this.handler, {passive:false})//打开默认事件
      },
	visbleChange (val) {
	        if(val) {
	            this.closeTouch()
	        } else {
	            this.openTouch()
	        }
	      },
}