小编Ang*_* L.的帖子

我试图仅在灯箱组件打开时防止滚动，但似乎无法这样做。我希望不要使用任何外部库或插件来做到这一点。

我的 App.vue 包含“LightBox”组件，所以我假设防止滚动功能也应该存在于 App.vue 中。App.vue 片段：

<template>
  <div class="SocialAlbumWidget">
    <div v-if="isModalVisible && media[activeIndex]">
      <LightBox
        ...
      />

我目前在“方法”部分有一个“showModal()”函数，所以想通过另一个函数传递它。

方法：

mothods: {
...
showModal () {
  this.isModalVisible = true
},
closeModal () {
  this.isModalVisible = false
}

我希望主体在“灯箱”组件关闭时能够滚动，而在“灯箱”组件打开时则被禁用。谢谢！让我知道哪些其他代码会有用。