getraid/vue-modal-window

OS like modal window component for vuejs

vue-modal-window

OS like modal window component for vuejs

DEMO

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>