0.1.35 • Published 5 years ago

@roylee1997/vue-js-modal v0.1.35

Weekly downloads
13
License
-
Repository
-
Last release
5 years ago

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

PropTypeComment
nameStringThe identify of the Modal
heightNumber or StringDefault auto
widthNumberDefault 500px
maxHeightNumberDefault 500px
minHeightNumberDefault 200px
preventBooleanIf true, you only can use $VModal.hide to hide the dialog
onShowFunctionWhen the Modal is show
onCloseFunctionWhen the Modal is hide
0.1.35

5 years ago

0.1.34

5 years ago

0.1.33

5 years ago

0.1.32

5 years ago

0.1.31

5 years ago

0.1.3

5 years ago

0.1.23

5 years ago

0.1.22

5 years ago

0.1.21

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago