1. 使用elenment-ui中的MessageBox 消息弹框时,确认消息。按需引入后没有样式。
2. 原代码
const open = () => {
ElMessageBox.confirm(
'该操作将永久删除该用户,是否继续?',
'提示',
{
confirmButtonText: '确认',
cancelButtonText: '取消',
type: 'warning'
}
)
.then(() => {
ElMessage({
type: 'success',
message: 'Delete completed'
})
})
.catch(() => {
ElMessage({
type: 'info',
message: 'Delete canceled'
})
})
}
3. 引入相应的样式即可。
import { ElMessage, ElMessageBox } from 'element-plus'
import 'element-plus/theme-chalk/el-message.css'
import 'element-plus/theme-chalk/el-message-box.css'