12345678910111213141516171819202122232425262728293031 |
- import Vue from "vue";
- import ProgressModal from "./index.vue";
- // 创建弹窗的构造函数
- const ProgressModalConstructor = Vue.extend(ProgressModal);
- // 实例化弹窗
- let modalInstance = null;
- /**
- * 打开弹窗
- * @param {Object} options - 弹窗配置
- */
- export function showModal(options = {}) {
- // 创建实例
- modalInstance = new ProgressModalConstructor({
- propsData: {
- fileName: options.fileName || ""
- },
- });
-
- // 手动挂载到 DOM
- modalInstance.$mount();
- document.body.appendChild(modalInstance.$el);
-
- // 显示弹窗
- modalInstance.show();
-
- // 返回实例,以便外部手动关闭
- return modalInstance;
- }
|