原控件调用a-model参数
<a-modal
ref="modal"
:class="getClass(modalClass)"
:style="getStyle(modalStyle)"
:visible="visible"
v-bind="_attrs"
v-on="$listeners"
@ok="handleOk"
@cancel="handleCancel"
destroyOnClose
>
包含的控件...
</a-model
中destroyOnClose 窗口关闭时带销毁属性,表示其a-modal内的包含控件被jModel调用destroyOnClose将其 销毁,动态表单,每次被Jmodel调用都要重新创建,影响页面加载效率。将destroyOnClose去掉后为:
<a-modal
ref="modal"
:class="getClass(modalClass)"
:style="getStyle(modalStyle)"
:visible="visible"
v-bind="_attrs"
v-on="$listeners"
@ok="handleOk"
@cancel="handleCancel"
>
包含的控件...
</a-model
调用jModel的动态表单示例:
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
switchFullscreen
@ok="handleOk"
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
@cancel="handleCancel"
cancelText="关闭">
<my-dynamic-form ref="realForm" :rootPath="rootPath" :headId="headId" @ok="submitCallback" />
</j-modal>
</template>