Vue 3 的简单模态组件 – vue-modal

Vue 3 的简单模态组件 – vue-modal
插件名称 vue-modal
版本号 v1.1.7
发布时间 2021年8月5日
插件作者 Jenesius

 Vue 3 应用程序的另一个模态和对话框组件。

安装和下载:

# NPM
$ npm i jenesius-vue-modal --save

使用

1. 导入模态组件并将其添加到模板中。

<template>
  <widget-container-modal />
</template>
import {container} from "jenesius-vue-modal";
export default {
  components: {WidgetContainerModal: container},
  name: "App"
}

2. 启动模态。

import {openModal} from "jenesius-vue-modal";
openModal(VueComponent, props);
// 或
import {useModal} from "jenesius-vue-modal";
export default{
  setup(){
    const {openModal} = useModal();
    openModal(VueComponent, props);
  }
}

3.更多的API方法。

// 关闭所有modals
closeModal()

// 推送一个modal
pushModal(VueComponent, props);

// 关闭最后一个modal
popModal()

变更日志:

08/10/2021

  • v1.1.7