el-dialog 在stocket.js中的使用

`el-dialog`是Element UI库中的一个组件，它是一个轻量级的弹窗对话框，常用于提供更详细的交互或者用户确认操作的地方。在Stack Overflow或者其他Vue.js相关的项目中，你可以像这样使用`el-dialog`：

<template>
  <button @click="openDialog">打开弹窗</button>
  <el-dialog
    v-model="dialogVisible"
    title="提示信息"
    width="40%"
    :close-on-click-modal="false">
    这里是你想要显示的内容
    <el-button slot="footer" @click="handleClose">关闭</el-button>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    openDialog() {
      this.dialogVisible = true;
    },
    handleClose() {
      this.dialogVisible = false;
    },
  },
};
</script>

在这个例子中，当你点击“打开弹窗”按钮时，会触发`openDialog`方法，设置`dialogVisible`为`true`，弹出对话框。`v-model`绑定了`dialogVisible`的状态控制对话框是否可见。`close-on-click-modal="false"`表示对话框不会在用户点击外部背景或关闭按钮时自动关闭。