@iamgx/quick-modal v1.0.2

快捷弹窗

使用方式

import Vue from 'vue'
import QuickModal from '@iamgx/quick-modal'

// 基础调用
QuickModal({
  title: '测试标题',
  width: 1000,
  component: '提交'
})


// 调用 h
QuickModal({
  title: '测试标题',
  width: 1000,
  component: h => h('h1', '提交')
})


// 传入vue组件
QuickModal({
  title: '测试标题',
  component: { render: h => h('h1', '哈哈哈') }
})


// 传入按钮
QuickModal({
  title: '测试标题',
  component: {
    render: h => h('h1', '哈哈哈'),
    methods: {
      handleClose() {
        this.$emit('update:visible', false)
      }
    }
  },
  buttons: [{ text: '手动关闭', confirm: true, callback: 'handleClose' }]
})



QuickModal({
  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' }]
})