HtBodyDialog 说明

HtBodyDialog 自定义全局弹窗组件，基于el-dialog
Author andy.ten@tom.com & xukaixing@hotmail.com

示例

全屏弹出

自定义全屏窗口组件demo

<template>
  <div>
    <ht-button icon="ht-icon-chuangkou01" @click="dialogVisible=!dialogVisible">全屏弹出</ht-button>
      <ht-body-dialog title="弹出窗口样例" :fullscreen="true" :show-close="true"  :visible.sync="dialogVisible">
        <div style="text-align:left">
          <p>自定义全屏窗口组件demo</p>
        </div>
      </ht-body-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false
    } 
  }
};
</script>

Expand Copy Copy

API

BodyDialog Attributes

参数	说明	类型	可选值	默认值
visible	设置是否可见	Boolean	true / false	true
title	设置窗口标题	String	—	标题
width	设置窗口宽度	String	—	75%
height	设置窗口高度	String	—	—
nest	设置是否嵌套窗口	Boolean	true / false	false
fullscreen	设置全屏弹出	Boolean	true / false	true

---

BodyDialog Event

方法名	说明	参数
close	关闭窗口响应方法	(event)
closed	窗口动画关闭后响应方法	(event)
open	打开窗口响应方法	(event)
opened	窗口动画打开后响应方法	(event)

---

版本

• v1.0.2