@iamgx/quick-drawer v1.0.7

快捷抽屉

使用方式

import Vue from 'vue' 
import QuickDrawer from '@iamgx/quick-drawer' 
// 基础调用 QuickDrawer({ title: '测试标题', width:
1000, component: '提交' }) 
// 调用 h QuickDrawer({ title: '测试标题', width: 1000, component: h => h('h1', '提交') }) 
//
传入vue组件 QuickDrawer({ title: '测试标题', component: { render: h => h('h1', '哈哈哈') } }) 
// 传入按钮 QuickDrawer({
title: '测试标题', component: { render: h => h('h1', '哈哈哈'), methods: { handleClose() { this.$emit('update:visible',
false) } } }, buttons: [{ text: '手动关闭', confirm: true, callback: 'handleClose' }] }) QuickDrawer({ title: '测试标题',
component: { render: h => h('h1', '哈哈哈'), methods: { handleClose() { 
  // 支持修改数据, this.$emit('') 
  //
'update:loading', // 'update:buttons', // 'update:visible', // 'update:title', // 'update:disabled-keys', 禁用关闭按钮
['handleClose'] // 'update:loading-keys' loading关闭按钮 ['handleClose'] } } }, buttons: [{ text: '手动关闭', confirm:
true, name: 'handleClose', callback: 'handleClose' }] })