1.0.3 • Published 5 years ago
vue-modal-window v1.0.3
vue-modal-window
OS like modal window component for vuejs
Props
| Prop | Type | Default | Usage |
|---|---|---|---|
| id | String | uuid | id attribute of the dom element which is used for identify the modal window. |
| contentUrl | String | '' | Url of iframe of the content. When this property is set, iframe is rendered as the content of the window. |
| visible | Number | 200 | Set true to show the modal window. |
| enableAnotherWindow | Boolean | false | Set true to show real child window (window.open) when maximize button is clicked. This property is enabled when contentUrl property is set. |
| title | String | '' | Title text of the modal window. |
| width | String | 300 | Initial width of the modal window. |
| height | String | 300 | Initial height of the modal window. |
| top | String | 300 | Initial top of the modal window. |
| left | String | 300 | Initial left of the modal window. |
| minWidth | String | 60 | Minimum width of the modal window. |
| minHeight | String | 20 | Minimum height of the modal window. |
| resizable | Boolean | true | Set true to enable resizing. |
| draggable | Boolean | true | Set true to enable dragging. |
| recordRect | Boolean | true | Set true to record the rect of the window and load it. |
| recordVisibility | Boolean | true | Set true to record the visibility of the window and load it. |
Usage
<template>
<vue-modal-window :visible.sync="visibleDemo1">This is content</vue-modal-window>
</template>
<script>
import VueModalWindow from 'vue-modal-window';
export default {
components: {VueModalWindow}
};
</script>