如何在el-dialog关闭后将滚动条重置到初始位置

A：可以在el-dialog关闭后的回调函数中使用`window.scrollTo`方法将滚动条重置到初始位置，例如：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible" :before-close="handleClose">
      <p>对话框内容</p>
    </el-dialog>
    <div class="content" ref="content">
      <p>页面内容</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    handleClose() {
      // 关闭对话框后将滚动条重置到初始位置
      window.scrollTo(0, this.$refs.content.offsetTop)
    }
  }
}
</script>

在上面的例子中，`window.scrollTo(0, this.$refs.content.offsetTop)`将滚动条的竖向滚动位置设置为页面内容（`ref="content"`）距离页面顶部的距离，达到重置滚动条的效果。

相关问题

el-dialog里面div加滚动条

你可以在 el-dialog 的 div 中使用 CSS 的 overflow 属性来实现滚动条。例如：

<el-dialog title="对话框" :visible.sync="dialogVisible">
  <div style="height: 200px; overflow: auto;">
    <!-- 内容 -->
  </div>
</el-dialog>

这里的 div 设置了高度为 200px，并且设置了 overflow 属性为 auto，这样当内容超过 200px 时，就会出现滚动条。你可以根据实际情况调整高度和 overflow 属性的值。

el-dialog字数过多添加滚动条

如果el-dialog中的内容太多，超过弹窗的高度，可以通过添加滚动条来实现内容的滚动。可以在el-dialog的内容区域添加一个固定高度并设置overflow属性为auto来实现滚动条。具体的做法如下：

<el-dialog :visible="dialogVisible" title="弹窗标题">
  <div style="height: 300px; overflow: auto;">
    <!-- 弹窗内容 -->
  </div>
</el-dialog>

在这个例子中，我们把内容区域的高度设置为300px，并设置overflow属性为auto，这样当内容超过300px时，就会出现滚动条。你可以根据实际情况调整高度和overflow属性的值。