uniapp 弹窗禁止滚动

一、定义 data 变量

data() {
  return {
    // 控制弹窗显示、隐藏
	showCode: false
  };
},

二、定义 methods 方法

methods： {
  // 点击显示弹窗
  showCodeBtn(val) {
	this.showCode = true;
  },
  // 点击隐藏弹窗
  closeCode() {
	this.showCode = false;
  }
}

三、监听变量

watch: {
  // 监听showCode的变化控制滚动
  showCode(val) {
	if (val) {
	  document.body.style.overflow = 'hidden';
	} else {
	  document.body.style.overflow = '';
	}
  }
},