https://github.com/c4software/vuetify-vuejs-messagedialog
Vuetify VueJS message dialog Component
https://github.com/c4software/vuetify-vuejs-messagedialog
Last synced: 5 days ago
JSON representation
Vuetify VueJS message dialog Component
- Host: GitHub
- URL: https://github.com/c4software/vuetify-vuejs-messagedialog
- Owner: c4software
- License: mit
- Created: 2018-03-30T06:58:04.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-02T05:02:50.000Z (about 3 years ago)
- Last Synced: 2025-08-17T05:19:36.090Z (6 months ago)
- Language: JavaScript
- Size: 400 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# vuetify-vuejs-messagedialog
[](https://www.npmjs.com/package/vuetify-vuejs-messagedialog)
Vuetify VueJS message dialog Component with Promise support
## Installation
```sh
npm install vuetify-vuejs-messagedialog --save
```
## Quick Promise Usage
```javascript
this.$vuetifyMessageDialog.open("Example Title", "Example Content", "OK", "green").then(state => {
console.log(state);
});
```
## Detailed Promise Usage
Enable the plugin in your Project
```javascript
import Vue from 'vue';
import messageDialog from 'vuetify-vuejs-messagedialog';
Vue.use(messageDialog);
// …
```
Use the plugin in any Vue file :
```vue
…
export default{
name: "…",
// …
methods: {
sample: function(){
this.$vuetifyMessageDialog.open("Example Title", "Example Content", "OK", "green").then(state => {
console.log(state);
});
}
}
}
```
## Component Usage
```vue
import Vue from 'vue';
import messageDialog from 'vuetify-vuejs-messagedialog';
Vue.use(messageDialog);
export default {
name: 'example',
data(){
return {
"showConfirm": true
}
}
}
```