1.0.3 • Published 3 years ago
hzz-dialog v1.0.3
hzz-dialog
基于element-ui封装的弹窗方法，包含以下功能点：
1、弹窗内容支持传入动态组件（componentName），支持为动态组件传参（componentProps）
2、支持传入bind使用element-ui的dialog所有属性
3、支持传入btns使用element-ui的footer插槽
4、如有其他需求，请自由使用
version
| 版本号 | 描述 |
|---|---|
1.0.0 | 初始版本 |
1.0.1 | 支持使用componentProps为弹窗组件传参 |
1.0.2 | 弹窗关闭时自动销毁组件 |
1.0.3 | 组件内部通过$emit('close')触发弹窗关闭 |
install
npm i hzz-dialog -Squick start
import 'hzz-dialog';attributes
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
componentName | 弹窗内容 | DOM | - |
bind | 弹窗容器属性对象，可传入属性见element-ui | object | - |
btns | 弹窗按钮 | Array | [] |
btns attrubites
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
label | 按钮文案 | string | - | - |
fn | 按钮点击方法 | function | - | - |
其余参数见element-ui
author
If you have any question. You can contract me with QQ(1321176618).