vue-js-modal
Github Example ( In src folder )
https://github.com/1997roylee/vue-jg-modal
Npm
https://www.npmjs.com/package/@roylee1997/vue-js-modal
Command
For Install npm
$ npm i @roylee1997/vue-js-modal
In src folder, App.vue
$ npm install
$ npm run serve
Example
Setup:
import VueJsModal from "../projects/VueJsModal/index";
Vue.use(VueJsModal);
Usage:
<v-modal prevent name="Apple">
<div style="background-color: white;">
<div style="height: 200px;"></div>
<div class="bTn" @click="closeDialog">Close</div>
</div>
</v-modal>
Show & Hide Function:
showDialog() {
this.$VModal.show('Apple')
}
closeDialog() {
this.$VModal.hide('Apple')
}
Props
Prop | Type | Comment |
---|---|---|
name | String | The identify of the Modal |
height | Number or String | Default auto |
width | Number | Default 500px |
maxHeight | Number | Default 500px |
minHeight | Number | Default 200px |
prevent | Boolean | If true, you only can use $VModal.hide to hide the dialog |
onShow | Function | When the Modal is show |
onClose | Function | When the Modal is hide |