elementui的弹出框

ElementUI提供了多种类型的弹出框组件，例如el-dialog和MessageBox。el-dialog是一个可定制的弹出框组件，可以用于展示内容、进行交互等。MessageBox是一个快速创建弹出框的方法，可以用于显示提示信息、确认操作等。

在Vue中使用ElementUI的弹出框组件时，可以通过this.$confirm方法创建一个确认框，代码如下：

this.$confirm("没有权益进行这项操作", "提示", { 
  type: "warning", 
  showClose: false, 
  showCancelButton: false, 
  showConfirmButton: false, 
})
.then(() => {})
.catch(() => {});

此代码会创建一个类型为warning的确认框，没有关闭按钮、确认按钮和取消按钮，并在2秒后自动关闭。在then方法中可以处理确认操作，而在catch方法中可以处理取消操作。

另外，可以使用el-dialog组件来创建一个可定制的弹出框，代码如下：

<el-dialog
  :title="dialogTitle"
  :visible.sync="dialogVisible"
  :close-on-click-modal="false"
  :show-close="false"
>
  <!-- 弹出框的内容 -->
</el-dialog>

这段代码会创建一个弹出框，通过v-model指令和dialogVisible变量来控制弹出框的显示和隐藏。dialogTitle变量用于设置弹出框的标题，close-on-click-modal属性用于禁止点击遮罩层关闭弹出框，show-close属性用于隐藏关闭按钮。在弹出框的内容部分可以自定义需要展示的内容。

通过使用这两种方法，你可以根据需要创建不同类型的弹出框，并实现相应的交互和功能。