时间戳

首页 > 解决方案 > 如何从此消息框/警报中删除按钮自动对焦？

html - 如何从此消息框/警报中删除按钮自动对焦？

问题描述

我正在使用元素 ui 消息框进行警报。vue中的那个组件在功能上是没有问题的。令人担忧的是，当警报弹出时，其中一个按钮会自动设置焦点。

请看附图。 消息框按钮焦点问题

MessageBox.confirm('Some user message', 'Warning', {
  confirmButtonText: 'Yes',
  cancelButtonText: 'No',
  showClose: false,
  roundButton: true,
  type: 'warning'
})

加载警报时，有没有办法从按钮“是”中移除焦点。

标签： htmlvue.jsbootstrap-4element-ui

解决方案

我也没有找到任何解决方案，所以我尝试了以下替代方案：

import swal from sweetalert

swal({ title: 'Warning',
                    text: 'some user message',
                    icon: 'warning',
                    dangerMode: true,
                    buttons: {
                        cancel: {
                            text: 'No',
                            value: null,
                            visible: true,
                            className: 'btn btn-primary',
                            closeModal: true
                        },
                        confirm: {
                            text: 'Yes',
                            value: true,
                            visible: true,
                            className: 'btn btn-secondary',
                            closeModal: true
                        }
                    }
                })

推荐阅读