export default function modalParserFrom(title, formId, isCreate, editData, callback, keyNum) { const h = this.$createElement; return new Promise((resolve, reject) => { this.$msgbox({ title, customClass: 'upload-form', closeOnClickModal: false, showClose: true, message: h('div', { class: 'common-form-upload' }, [ h('ZBParser', { props: { formId, isCreate, editData, keyNum, }, on: { submit(formValue) { callback(formValue); }, }, }), ]), showCancelButton: false, showConfirmButton: false, }) .then(() => { resolve(); }) .catch(() => { reject(); // this.$message({ // type: 'info', // message: '已取消' // }) }); }); }
时间: 2024-02-14 17:35:09 浏览: 100
Vue中this.$nextTick的作用及用法
这是一个使用 Vue.js 开发的 modal 弹窗组件,它接收一些参数,包括标题、表单 ID、是否为创建操作、编辑数据、回调函数和键值等。它返回一个 Promise 对象,当用户点击确认按钮时,会调用回调函数并传入表单数据。如果用户点击取消按钮,则 Promise 对象会被拒绝,并且不会执行回调函数。
阅读全文