Dialog never enter the confirm method

Hi,

We’re having issues with your plugin. We’re using it with the <script> include and, following the documentation, we declare

window.Vue.use(VuejsDialog.default);

Here is our code

this.$dialog.confirm('Confirm delete', {
                loader: true,
                okText: 'Yes',
                cancelText: 'No'
            })
                .then(function (dialog) {
                    console.log('confirm');
                    dialog.close();
                });

The code never enters the then function and it throws a message in the console :

Possible Unhandled Promise Rejection: undefined

We tried without the loader, same error.

Thanks 😃

[danchann]

@Godofbrowser Got it, had to go the v-confirm way to get it working.

                               <button 
                                class="btn btn-danger btn-sm"
                                v-confirm="{
                                    loader: true,
                                    ok: dialog => removeMenuItem(dialog, item['.key']),
                                    cancel: doNothing,
                                    message: 'Are you sure you want to delete?'
                                }"
                                >X</button>

        removeMenuItem(dialog, key) {
            dbMenuRef.child(key).remove()
                .then((error) => {
                    dialog.close()
                    console.log("Remove succeeded")
                })
                .catch((error) => {
                    console.log("Remove failed: " + error.message)
                })
        },

[danchann]

Got the following errors:

1. Remove failed: dialog.close is not a function
2. Remove failed: Cannot read property ‘$dialog’ of undefined

methods: {
        removeMenuItem(key) {
            this.$dialog.confirm('Are you sure you want to delete?')
            .then(function(dialog) {
                dbMenuRef.child(key).remove()
                    .then(function(error) {
                        this.$dialog.close()
                        console.log("Remove succeeded")
                    })
                    .catch(function(error){
                        console.log("Remove failed: " + error.message)
                    })
                // this.getMenuItems.splice(this.getMenuItems.indexOf(item), 1);
                console.log(' Clicked on continue')
                // this.$dialog.close()
            })
            .catch(function (error) {
                console.log(`Clicked on cancel ${error}`)
            });
        },

have already tried your above syntax as well.l