vue3 element-plus 中ElmessageBox.alert()提示 当前单号:EX55500
时间: 2023-11-19 19:10:50 浏览: 230
在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()`方法中可以添加需要执行的代码,表示在点击确认按钮后执行。
希望这样回答能够帮到您!
阅读全文