Vue.js 在BootstrapVue中禁用侧栏的滚动和句柄关闭方法

我想问两个关于BootstrapVue中的侧边栏的问题

打开侧边栏后禁用滚动

在侧边栏（背景）外单击时如何处理关闭方法

我正在使用

切换开关

在发酵罐中发酵。克拉斯·胡斯托·奥迪奥，达比布斯ac设施
在，egestas eget quam。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭。

---

谢谢您，非常感谢。

您可以通过将引导类

溢出隐藏

添加到身体中来删除滚动条

将一个方法挂接到侧栏上的

@change

方法上，当侧栏显示和隐藏时将触发该方法

侧边栏还有一个

@hidden

事件，当侧边栏隐藏时会触发该事件

newvue({
el:“#应用程序”，
方法：{
toggleBodyScrollbar（可见）{
const body=document.getElementsByTagName（'body'）[0]；
如果（可见）
body.classList.add（“溢出隐藏”）；
其他的
body.classList.remove（“溢出隐藏”）；
}
}
})

在发酵罐中发酵。克拉斯·胡斯托·奥迪奥，达比布斯ac设施
在，egestas eget quam。莫里·利奥·里索斯，圣殿之门，爱神之门的前庭。

一些内容

切换边栏
一些内容

<template>
  <div>
    <b-button v-b-toggle.sidebar-backdrop>Toggle sSidebar</b-button>
    <b-sidebar
      id="sidebar-backdrop"
      title="Sidebar with backdrop"
      backdrop
      shadow
    >
      <div class="px-3 py-2">
        <p>
          Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis
          in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
        </p>
        <b-img src="https://picsum.photos/500/500/?image=54" fluid thumbnail></b-img>
      </div>
    </b-sidebar>
  </div>
</template>