在項目中使用elementUI的MessageBox.confirm()出現了默認不聚焦的問題，默認確認按鈕是淺色的，需要點擊一下才會變成正常。面對這種問題，創建新組件，實現聚焦。替換默認的MessageBox.confirm()
- 解決
- 創建
components/MessageBoxConfirmWrapper/index.js
import { MessageBox } from 'element-ui'export default (...args) => {setTimeout(() => {document.activeElement?.blur()}, 0)return MessageBox.confirm(...args)
}
- 使用
import MessageBoxConfirmWrapper from '@/components/MessageBoxConfirmWrapper'
MessageBoxConfirmWrapper('確定要退出當前賬號？', '退出確認', { type: 'warning'}).then(() => {}).catch(() => {})
)
