mirror of
https://github.com/KevinMidboe/vue-js-modal.git
synced 2025-10-29 18:00:20 +00:00
Added "componentName" param for optional component name (#53)
This commit is contained in:
15
README.md
15
README.md
@@ -22,9 +22,20 @@ npm install vue-js-modal --save
|
||||
Include plugin in your `main.js` file.
|
||||
|
||||
```javascript
|
||||
import vmodal from 'vue-js-modal'
|
||||
import VModal from 'vue-js-modal'
|
||||
|
||||
Vue.use(vmodal)
|
||||
Vue.use(VModal)
|
||||
|
||||
/*
|
||||
By default plugin will use "modal" name for the component.
|
||||
If you need to change it, you can do so by supplying "componentName" option.
|
||||
|
||||
Example:
|
||||
|
||||
Vue.use(VModal, { componentName: "foo-modal" })
|
||||
...
|
||||
<foo-modal name="bar"></foo-modal>
|
||||
*/
|
||||
```
|
||||
|
||||
Create modal:
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
import Modal from './Modal.vue'
|
||||
|
||||
const defaultComponentName = 'modal'
|
||||
|
||||
const Plugin = {
|
||||
install (Vue, options = {}) {
|
||||
if (this.installed) {
|
||||
@@ -23,7 +25,8 @@ const Plugin = {
|
||||
}
|
||||
}
|
||||
|
||||
Vue.component('modal', Modal)
|
||||
const componentName = options.componentName || defaultComponentName
|
||||
Vue.component(componentName, Modal)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user