Vue.js 中使用 Dialog 后，Message 信息显示位置调整

在 Vue.js 中，'this.$message()' 是使用 Element UI 库中的消息提示组件。默认情况下，消息提示会被添加到页面的最后。如果你希望将消息提示放在 dialog 页面前面，可以尝试以下几种方法：

1. 使用'this.$nextTick()' 方法来确保在显示消息之前，dialog 组件已经渲染完毕：

this.$nextTick(() => {
  this.$message('Your message');
});

2. 在 dialog 组件中创建一个新的 'div' 元素，并将其作为消息提示的父元素：

<template>
  <div>
    <div ref='messageContainer'></div>
    <!-- dialog 内容 -->
  </div>
</template>

mounted() {
  this.$message({
    message: 'Your message',
    parent: this.$refs.messageContainer
  });
}

3. 使用'this.$message()' 的'offset' 选项来调整消息提示的位置：

this.$message({
  message: 'Your message',
  offset: 100 // 根据需要调整偏移量
});

通过上述方法之一，你应该能够将消息提示组件放在 dialog 页面前面显示。