vue-swal2-simple-wrapper

vue-sweetalert2

Vue.js wrapper for SweetAlert2.

Get started

npm install -S vue-sweetalert2

or

yarn add vue-sweetalert2

// main.js

import Vue from 'vue';
import VueSweetalert2 from 'vue-sweetalert2';
 
Vue.use(VueSweetalert2);

Now in the global object, you can access all the methods of sweetalret2.

// example-vue-component.vue

<template>
    <button v-on:click="showAlert">Hello world</button>
</template>
 
<script>
export default {
    data() {
        return {};
    },
    methods: {
        showAlert(){
            // Use sweetalret2
            this.$swal('Hello Vue world!!!');
        }
    }
}
</script> 

// Or

Vue.swal('Hello Vue world!!!');

The documentation for sweetalert2, you can find here.