vue3 element-plus 中Elmessage.alert()提示 当前单号:EX55500
时间: 2023-11-19 15:10:50 浏览: 184
Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用
在Vue3和Element Plus中,ElMessage的使用方式和Vue2和Element UI略有不同,具体使用方法如下:
1. 首先需要在Vue实例中引入ElMessage组件。在Vue3和Element Plus中,可以通过以下方式进行引入:
```
import { ElMessage } from 'element-plus';
app.config.globalProperties.$message = ElMessage;
```
其中,`app`是Vue3实例。
2. 在需要使用ElMessage组件的地方,可以通过以下方式调用:
```
this.$message({
message: `当前单号:${code}`,
type: 'success',
center: true,
showClose: true
});
```
其中,`message`为提示内容,`type`为消息类型,可选值有success、warning、info、error等;`center`为是否居中显示,默认为false;`showClose`为是否显示关闭图标,默认为false。
注意,这里使用了ES6模板字符串的语法,可以方便地将变量插入到字符串中。`${code}`表示将变量`code`的值插入到字符串中。
希望这样回答能够帮到您!
阅读全文