el点击按钮 弹出弹框，弹框里面在弹出消息提示

如果您使用的是基于 Element UI 的 Vue 2.x 版本，您可以按照以下方式实现点击按钮弹出弹框，并在弹框中显示消息提示：

<template>
  <div>
    <el-button @click="showDialog">点击按钮</el-button>
    <el-dialog :visible.sync="dialogVisible" title="消息提示">
      <p>消息提示弹出</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
      setTimeout(() => {
        this.dialogVisible = false;
      }, 2000); // 弹框显示2秒后关闭
    }
  }
};
</script>

在上述代码中，我们使用了 Element UI 的 `el-button` 组件来创建一个按钮，并使用 `@click` 监听按钮的点击事件，调用 `showDialog` 方法。在 `showDialog` 方法中，将 `dialogVisible` 设置为 `true`，从而显示弹框。通过使用 `setTimeout` 函数，我们可以在2秒后将 `dialogVisible` 设置为 `false`，以关闭弹框。

使用 `el-dialog` 组件创建弹框，并通过 `:visible.sync` 实现双向绑定，使得 `dialogVisible` 的变化能够影响到弹框的显示与隐藏。在弹框中，我们可以自定义显示的内容，这里展示了一个简单的消息提示文本。

请确保已经安装并正确引入 Element UI 组件库，以便使用其中的按钮和弹框组件。