MessageBox 消息弹框

目录

1.导入组件

2.使用组件

1.导入组件

import { ElMessageBox} from 'element-plus'

在.eslintrc.cjs文件下设置全局导入使用的组件名 ，则无需导入

module.exports = {
....
globals: {
    ElMessage: 'readonly',
    ElMessageBox: 'readonly',
    ElLoading: 'readonly'
  }
...}

2.使用组件

<el-button @click=logout></el-button>

const logout=async ()=>{
   await ElMessageBox.confirm('你是否需要退出吗?', '警告', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
  })
    // 确认按钮事件处理
    .then(() => {
      userstore.movetoken()
      userstore.moveuserinfo()
      ElMessage.success('退出成功')
      router.push('/login')
    })
}