pl-dialog

一个基于Vue的Dialog

Usage no npm install needed!

<script type="module">
  import plDialog from 'https://cdn.skypack.dev/pl-dialog';
</script>

README

pl-dialog

一个基于Vue的Dialog

method of use

npm i pl-dialog

实例文件（用法）

https://github.com/penglei1996/pl-dialog/blob/master/Example/index.vue

Component API

https://github.com/penglei1996/pl-dialog/wiki/Component-API

Attributes(属性)

    value  是否关闭，使用v-model绑定  Boolean

    width  弹框宽度（必须值）   String 默认值 0px

    height 弹框高度 默认 100%   String

    duration // 动画时长 单位ms  默认 300   String

    modalStyle // 弹框样式 (可以用于强制指定 z-index) (实例：:modal-style="{top: '330px'，zIndex: 800}")

    position // 弹框位置 默认值 right 可取值 ['left', 'right', 'top', 'bottom'. 'center']

   direction // 运动方向 默认 width  // 不能针对position属性为 center的值 可取值 ['width', 'height']

   hideOnBlur // 点击遮罩时是否自动关闭 默认值 true Boolean

   showMask // 是否显示遮罩 默认值 true Boolean

Methods（方法）

this.$refs.plDialog.clearNode() 删除节点