mirror of
https://github.com/KevinMidboe/vue-js-modal.git
synced 2025-10-29 18:00:20 +00:00
Replaced with the newer version
This commit is contained in:
48
README.md
48
README.md
@@ -1,45 +1,7 @@
|
||||
# vue-modal
|
||||
##nice-vue-components
|
||||
|
||||
A simple modal component for Vue.js
|
||||
A collection of vue components
|
||||
|
||||
##Install
|
||||
|
||||
##Usage
|
||||
Example:
|
||||
|
||||
main.js:
|
||||
```js
|
||||
import Vue from 'vue';
|
||||
import App from './App';
|
||||
import VueModal from 'vue-modal';
|
||||
|
||||
Vue.use(VueModal);
|
||||
|
||||
new Vue({
|
||||
el: '#app',
|
||||
template: '<App/>',
|
||||
components: { App },
|
||||
});
|
||||
|
||||
```
|
||||
App.vue:
|
||||
```html
|
||||
<template>
|
||||
<div id="app">
|
||||
<h1>Test page</h1>
|
||||
<button @click="modal('basic')">Show modal</button>
|
||||
<modal name="basic">Hello! Im a modal!</modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'app',
|
||||
methods: {
|
||||
modal(name) => this.$modal.show(name),
|
||||
},
|
||||
};
|
||||
</script>
|
||||
```
|
||||
##License
|
||||
MIT
|
||||
* Beeper
|
||||
* Notification
|
||||
* Modal
|
||||
|
||||
Reference in New Issue
Block a user