Vue swal2 simple wrapper

Simple Vue sweetalert2 package

Version: 1.2.4 Updated: 04/05/2018

By: avil13 License: MIT

Downloads Last 30 Days: 13

vue-sweetalert2

Build Status

Vue.js wrapper for SweetAlert2.

VueSweetalert2

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.

Categories: Vue js