vuetify-sm-messagebox v1.0.0

vuetify-vuejs-confirmdialog

Vuetify VueJS confirmation dialog Component with Promise support.

Installation

npm install vuetify-vuejs-confirmdialog --save

Quick Promise Usage

this.$vuetifyConfirmDialog.open("Example Title", "Are you sure ?", "Cancel", "Confirm").then(state => {
  console.log(state);
});

Detailed Promise Usage

Enable the plugin in your Project

<script>
  import Vue from 'vue';
  import confirmDialog from 'vuetify-vuejs-confirmdialog';
  Vue.use(confirmDialog);

  // …
</script>

Use the plugin in any Vue file :

<template>
…
</template>

<script>
export default{
  name: "…",
  // …
  methods: {
    sample: function(){
      this.$vuetifyConfirmDialog.open("Example Title", "Are you sure ?", "Cancel", "Confirm").then(state => {
        console.log(state);
      });
    }
  }
}
</script>

Component Usage

<template>
  <confirmDialog
    v-model="showConfirm"
    title="Are you sure ?"
    text="Warning ! This action is irreversible"
    cancelText="Cancel"
    confirmText="Confirm"
    v-on:cancelAction="() => this.showConfirm = false"
    v-on:confirmAction="() => this.showConfirm = false"
  />
</template>

<script>
  import Vue from 'vue';
  import confirmDialog from 'vuetify-vuejs-confirmdialog';
  Vue.use(confirmDialog);

  export default {
    name: 'example'
    data(){
      return {
        "showConfirm": true
      }
    }
  }
</script>