tabs标签页的不同表单验证与绑定

一、不同tab页中的表单验证冲突

• 通过给表单加key，使它们各自的验证不会在另一个标签中显示

<template v-slot:tab1>
<my-form
                  size="small"
                  ref="mForm"
                  key="mForm"
                  label-width="105px"
                  :footerAlign="'right'"
                  :footer="null"
                  :model="form"
                  :dictMap="dictMap"
                  @change="handleChange"
                  @submit="handleTableSubmit"
                >
</my-form>
</template>


<template v-slot:tab2>
              <my-form
                  size="small"
                  ref="sForm"
                  key="sForm"
                  label-width="105px"
                  :footerAlign="'right'"
                  :footer="null"
                  @change="handleTab2Change"
                  @submit="handleTab2Submit"
                >
                </my-form>
            </template>

二、切换tab，表单中的内容不消失

• 给表单的每一项绑定v-model，其中绑定this.form中的key