el-dialog中加竖条滚动

在Element UI的el-dialog中添加垂直滚动条，你可以通过设置dialog的`resizeable`属性为`true`，然后给其内部的内容容器添加`v-scroll`指令来自定义滚动行为。这里是一个简单的示例：

<template>
  <el-dialog
    :visible.sync="dialogVisible"
    width="50%"
    :resizeable="true"
    @close="dialogClose"
  >
    <div v-scroll class="scroll-content">
      <!-- 这里是你的内容，可以包含很长的文字、列表等 -->
      <p v-for="(item, index) in longContent" :key="index">{{ item }}</p>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      longContent: Array.from({ length: 1000 }, (_, i) => `这是第${i + 1}行的内容...`).slice(0, 100), // 生成一些模拟的长内容
    };
  },
  methods: {
    dialogClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

<style scoped>
.scroll-content {
  height: 300px; /* 可根据需求调整高度 */
  overflow-y: auto;
}
</style>

在这个例子中，`.scroll-content` 类应用了`overflow-y: auto;` 来开启垂直滚动条，如果内容超过这个区域的高度，就会显示滚动条。