Breaking News: Grepper is joining You.com. Read the official announcement!

how to use sweet alert in vue js

Add Answer

Light Lizard answered on August 19, 2020 Popularity 10/10 Helpfulness 6/10

answer how to use sweet alert in vue js

related sweetalert npm in vuejs

related sweet alert vue js laravel

how to use sweet alert in vue js

Comment

npm install -S vue-sweetalert2
// Main Js
import Vue from 'vue'
import VueSweetalert2 from 'vue-sweetalert2';
import App from './App.vue';

Vue.use(VueSweetalert2);

new Vue({
  el: '#app',
  render: h => h(App)
});

// app.vue
<template>
  <!-- button used to trigger event -->
  <button v-on:click="alertDisplay">Click me</button>
</template>

<script>
  export default {
    data() {
      return {
        text: ''
      }
    },
    methods: {
      alertDisplay() {
        // $swal function calls SweetAlert into the application with the specified configuration.
        this.$swal('Heading', 'this is a Heading', 'OK');
      }
    }
  }
<script>

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: alert javascript

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Light Lizard

0 Answers Avg Quality 2/10

Closely Related Answers

sweetalert npm in vuejs

Comment

npm install -S vue-sweetalert2

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: www.npmjs.com

Tags: npm

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Innocent Iguana

0 Answers Avg Quality 2/10

sweet alert vue js laravel

Comment

swal(...

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: alert aler

Link to this answer
Share Copy Link

Contributed on Aug 19 2020

Fantastic Fly

0 Answers Avg Quality 2/10

how to use sweet alert in vue js

Contents

More Related Answers

how to use sweet alert in vue js

Closely Related Answers

sweetalert npm in vuejs

sweet alert vue js laravel

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.