sweetalert2_Sweetalert2的便捷包装

sweetalert2

vue-sweetalert2 (vue-sweetalert2)

Vue.js wrapper for SweetAlert2.

SweetAlert2的Vue.js包装器。

View demo 查看演示 Download Source 下载源

开始吧 (Get started)

npm install -S vue-sweetalert2

or

要么

yarn add vue-sweetalert2

// main.js

// 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 sweetalert2.

现在，在全局对象中，您可以访问sweetalert2的所有方法。

// example-vue-component.vue

// 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!!!');

翻译自: https://vuejsexamples.com/a-convenient-wrapper-for-sweetalert2/

sweetalert2