elementUI中MessageBox.confirm()默认不聚焦问题处理

在项目中使用elementUI的MessageBox.confirm()出现了默认不聚焦的问题，默认确认按钮是浅色的，需要点击一下才会变成正常。面对这种问题，创建新组件，实现聚焦。替换默认的MessageBox.confirm()

• 解决

1. 创建components/MessageBoxConfirmWrapper/index.js

import { MessageBox } from 'element-ui'export default (...args) => {setTimeout(() => {document.activeElement?.blur()}, 0)return MessageBox.confirm(...args)
}

2. 使用

import MessageBoxConfirmWrapper from '@/components/MessageBoxConfirmWrapper'
MessageBoxConfirmWrapper('确定要退出当前账号？', '退出确认', { type: 'warning'}).then(() => {}).catch(() => {})