关闭模式的关闭图标不起作用

Question

在删除或确认任何产品之前，我正在使用Bootstrap Vue对话框软件包获取确认消息。一切正常，但是右上角的关闭模式关闭图标无法正常工作。当我单击关闭图标以关闭模式时，它不起作用。 是否需要添加任何属性或我犯了一些错误？ 请帮助我纠正错误。

areaconfirmed.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)