vue弹窗外侧滚动条

Vue.js本身并不直接提供内置的功能来处理弹窗窗口的滚动条。但是，你可以通过一些第三方库或者自定义组件来实现这个功能。例如，可以使用`vue-scroll-to`这样的插件来控制滚动，或者手动操作DOM元素来调整滚动条的位置。

以下是一个基本的示例，展示如何在一个弹窗模态组件里添加滚动条：

<template>
  <div ref="modalWrapper">
    <!-- 弹窗内容 -->
    <div v-if="showModal" class="scrollable-content">
      ...
    </div>
  </div>
</template>

<script>
import ScrollTo from 'vue-scroll-to'

export default {
  components: {
    ScrollTo,
  },
  data() {
    return {
      showModal: false,
    }
  },
  methods: {
    openModal() {
      this.showModal = true;
      // 如果需要滚动到特定位置
      this.scrollToElement('.scrollable-content', { top: 0 });
    },
    closeModal() {
      this.showModal = false;
    },
  },
}
</script>

<style>
.scrollable-content {
  overflow-y: auto; /* 添加滚动条 */
}
</style>

在这个例子中，当`showModal`为真时，弹窗内的`.scrollable-content`区域会显示滚动条。当你想让用户滚动时，可以用`this.scrollToElement`方法指定目标元素和滚动位置。