Javascript 关闭模式的关闭图标不工作

我使用bootstrap vue对话框包在删除或确认任何产品之前发送确认消息。一切正常，但关闭模式右上角的关闭图标无法正常工作。当我点击关闭模式的关闭图标时，它不起作用。 是否有任何属性我需要添加或我犯了一些错误？ 请帮我改正我的错误

A.vue

     async ConfirmArea(index){
                    let confirmArea = await this.$dialog.confirm({ text: 'Do you really want to confirm area?',title:'Confirmation',actions:{false:'Cancel',true:{text:'Confirm',variant:'primary'},},})
                        if(confirmArea){
                            axios.post('/admin/areaConfirmed/'+index,{
                                status:1,
                           }).catch(({response}) => {
                            this.$toast.error(response.data.message, 'Error', {timeout: 3000});
                        }).then(({data}) => {
                            this.$toast.success(data.message, 'Success', {timeout: 3000});
                            this.fetchUnconfirmedSellers();
                        });
                    }
                    },

app.js

    import Dialog from 'bootstrap-vue-dialog'
    Vue.use(Dialog)

---

这在他们的官方演示中也不起作用，所以很可能是插件的问题，而不是你的代码的问题。你们最好还是用普通的。是的，在官方的演示中它也不能正常工作。