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

sweetalert npm in vuejs

Add Answer

Innocent Iguana answered on August 16, 2021 Popularity 10/10 Helpfulness 5/10

answer sweetalert npm in vuejs

related how to use sweet alert in vue js

related npm vue sweet alert2

sweetalert npm in vuejs

Comment

npm install -S vue-sweetalert2

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: www.npmjs.com

Tags: npm sweetalert whatever

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Innocent Iguana

0 Answers Avg Quality 2/10

Closely Related Answers

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 aler

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Light Lizard

0 Answers Avg Quality 2/10

npm vue sweet alert2

Comment

npm install sweetalert2

import Swal from 'sweetalert2'

const deleteUser = (id) => {
    //alert(id);
    Swal.fire({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
        if (result.isConfirmed) {
            axios.delete(`/api/users/${id}`)
                .then(() => {
                    //write login for delete in vue table
              		users.value.data = user.value.data.filter(user => user.id !== id);
                    Swal.fire(
                        'Deleted!',
                        'Your file has been deleted.',
                        'success'
                    )

                });
        }
    });
}

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: sweetalert2.github.io

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 15 2023

@CodeGrepperManu

0 Answers Avg Quality 2/10

sweetalert npm in vuejs

Contents

More Related Answers

sweetalert npm in vuejs

Closely Related Answers

how to use sweet alert in vue js

npm vue sweet alert2

Grepper

Documentation

Social

Legal

Contact

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