问题：

解决办法：在dialog中添加 append-to-body属性

原因：

        append-to-body 属性用于将 el-dialog 组件附加到 body 元素，而不是它的父元素。这在某些情况下非常有用，例如：

        避免滚动条穿模问题：当对话框的父元素有滚动条时，附加到 body 可以避免对话框被滚动条遮挡或影响。
        层级管理：确保对话框在页面的最顶层，不会被其他元素遮挡。
        样式隔离：避免对话框受到父元素样式的影响，确保对话框样式的一致性。
        添加 append-to-body 属性可以确保对话框在页面的最顶层显示，避免滚动条穿模问题。

官方解释：