vue3 ElMessageBox设置只提示一次

可以通过将 `ElMessageBox` 的 `showClose` 属性设置为 `false`，使其不显示关闭按钮，从而实现只提示一次的效果。

示例代码：

<template>
  <div>
    <el-button @click="showMsgBox">点击弹窗</el-button>
  </div>
</template>

<script>
import { ElMessageBox } from 'element-plus';

export default {
  methods: {
    showMsgBox() {
      ElMessageBox.alert('这是一条提示消息', '提示', {
        showClose: false
      });
    }
  }
}
</script>

相关问题

vue3 element-plus 中ElmessageBox.alert()提示 当前单号：EX55500

在Vue3和Element Plus中，ElMessageBox的使用方式和Vue2和Element UI略有不同，具体使用方法如下：

1. 首先需要在Vue实例中引入ElMessageBox组件。在Vue3和Element Plus中，可以通过以下方式进行引入：

import { ElMessageBox } from 'element-plus';
app.config.globalProperties.$msgbox = ElMessageBox;

其中，`app`是Vue3实例。

2. 在需要使用ElMessageBox组件的地方，可以通过以下方式调用：

this.$msgbox.alert(`当前单号：${code}`).then(() => {
  // 在这里可以添加需要执行的代码
});

其中，`alert`方法的参数为提示框中显示的内容，这里使用了ES6模板字符串的语法，可以方便地将变量插入到字符串中。`.then()`方法中可以添加需要执行的代码，表示在点击确认按钮后执行。

希望这样回答能够帮到您！

vue3 MessageBox创建提示框

很高兴回答您的问题。关于vue3的MessageBox创建提示框，可以使用以下代码：

import { createApp } from 'vue'
import { ElMessageBox } from 'element-plus'

const app = createApp({})

app.config.globalProperties.$messageBox = ElMessageBox

这是使用Element Plus组件库中提供的ElMessageBox组件创建提示框。通过将其挂载到Vue应用程序的全局属性上，我们可以在整个应用程序中使用它。如果您需要进一步了解如何在Vue3中使用MessageBox，请参阅Element Plus文档或Vue官方文档。