HtDrawer 说明

HtDrawer 自定义抽屉组件，基于el-drawer
Author` andy.ten@tom.com & xukaixing@hotmail.com

示例

抽屉浮动

<template>
  <div>
    <ht-button icon="ht-icon-chuangkou01" @click="drawerVisible=!drawerVisible">抽屉浮动</ht-button>
    <ht-drawer v-if="drawerVisible" ref="drawerDemo" :visible.sync="drawerVisible" >
    <div>
      抽屉窗口样例
    </div>
    </ht-drawer>
  </div>
</template>
<script>
export default {
  data() {
    return {
      drawerVisible: false
    } 
  }
};
</script>

Expand Copy Copy

API

Drawer Attributes

参数	说明	类型	可选值	默认值
visible	设置是否可见	Boolean	true / false	true
title	设置抽屉标题	String	—	标题
direction	设置抽屉展开方向	String	—	rtl

---

Drawer Event

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

---

版本

• v1.1.4