2022-03-21 ElementUI中$confim/MessageBox修改confirmButtonClass不生效问题记录

问题一

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        confirmButtonClass:'btn-bb',
        type: 'warning'
      }).then(()=>{}).catch(()=>{})
//此处需要注意，一般情况下我们在项目中的style会使用scoped，进行一个作用域的限制。所以，这个时候btn-bb。给comfim设置class是不会生效的。因为跨作用域了哦~。
<style lang='less' scoped>
.btn-bb{
    background: #2cc179;//绿色
}
</style>
上面的写法无法设置成功哦~~~，下面的是正确写法
<style>
.btn-bb{
    background: #2cc179;//绿色
}
</style>

此处需要注意，一般情况下我们在项目中的style会使用scoped，进行一个作用域的限制。所以，这个时候btn-bb。给comfim设置class是不会生效的。因为跨作用域了哦~。

问题二

使用MessageBox时候，弹出对话框，发现确认按钮自带focus，或hover状态。只有点击弹框空白区域，失去焦点后按钮颜色恢复正常。当前没有很好的处理方式。希望看到的小伙伴能一起探讨下。