1.0.10 • Published 2 years ago
hzy-ui v1.0.10
安装 & 使用
安装 npm 包
# npm
npm install hzyui --save
全局导入
import Vue from 'vue';
import HzyUi from 'hzu-ui';
Vue.use(HzyUi);
用法
基础用法
<h-dialog
:visible.sync="visible"
@close="onClose"
@ok="onOk"
jump="'https://hezhuyun.xxx'"
ok-text="确认"
>
内容
</h-dialog>
export default {
data() {
return {
visible: false,
};
},
methods: {
onClose(){},
onOk(){}
},
}
API
Props
Attribute | Description | Type | Default |
---|---|---|---|
visible | 是否显示弹窗,支持sync | boolean | false |
mask | 是否显示遮罩层 | boolean | true |
closeMask | 点击遮罩层是否可关闭 | boolean | false |
width | 弹窗宽度 | function | 800px |
height | 弹窗高度 | function | 240.95px |
content | 弹窗内容 | function | - |
title | 弹窗标题 | function | 提示 |
okText | 确认按钮描述 | function | 去查看 |
dateMonth | 确认日期 | function | - |
jump | 跳转地址 | function | /workbench/platform/monthly-record-person |
方法
使用 emit 调用方法
Name | Description |
---|---|
ok | 点击确认按钮触发 |