pl-dialog
v1.0.6
Published
> 一个基于Vue的Dialog
Downloads
7
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() 删除节点