this.$alert实现文本过长显示滚动条

你可以在 $alert 组件中使用 CSS 样式来实现文本过长显示滚动条的效果。具体实现步骤如下：

1. 在 $alert 的样式中添加 overflow 属性，并将其值设置为 auto，这样当文本内容超出 $alert 的容器时，就会自动出现滚动条。

2. 还可以添加 white-space 属性，并将其值设置为 pre-wrap，这样可以保留文本中的换行符号。

下面是一个示例代码：

<template>
  <div>
    <el-button @click="showAlert">显示 $alert</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <div style="max-height: 300px; overflow: auto; white-space: pre-wrap;">
        {{ longText }}
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      longText: '这是一段很长很长的文本，如果没有设置样式，它就会超出容器的范围。这里添加一些换行符号，以便更好的显示效果。\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n'
    }
  },
  methods: {
    showAlert() {
      this.dialogVisible = true
    }
  }
}
</script>

在上面的代码中，我们通过在 $alert 组件的样式中添加 overflow 和 white-space 属性来实现了文本过长显示滚动条的效果。你可以根据实际情况进行调整。