ele-form-group 在销毁时，点击过的tab会出现宽度警告！ about vue-ele-form HOT 7 CLOSED

<template>
  <!-- isShowBackBtn 、formBtns 和 @request 将添加在所有 group 的 ele-form 中 -->
  <ele-form-group
    :formBtns="formBtns"
    :formData="formData"
    :groups="groups"
    :isShowBackBtn="false"
    :request-fn="handleRequest"
    activeGroupId="password"
    submitBtnText="确定"
  ></ele-form-group>
</template>

<script>
import Schema from 'async-validator'

export default {
  name: 'Group',
  data () {
    return {
      // rules不需要绑定了
      rules: {
        name: { required: true, message: '姓名必填' },
        age: { type: 'number', min: 20, message: '年龄大于20岁' },
        newPassword: { required: true, message: '新密码必填' }
      },
      // 你如果一起提交, formData就写在这里
      formData: {},
      groups: [
        {
          groupId: 'base',
          groupLabel: '基础信息',
          form: {
            // 该分组的 ele-form 属性中的 form-desc
            formDesc: {
              name: {
                type: 'input',
                label: '姓名'
              },
              age: {
                type: 'number',
                label: '年龄'
              }
            },
            submitBtnText: '发起'
            // 这里面不要写formData
          }
        },
        {
          groupId: 'password',
          groupLabel: '密码',
          form: {
            formDesc: {
              oldPassword: {
                type: 'password',
                label: '旧密码'
              },
              newPassword: {
                type: 'password',
                label: '新密码'
              },
              confirmPassword: {
                type: 'password',
                label: '确认密码'
              }
            }
            // 这里面不要写formData
          }
        }
      ],
      formBtns: [
        {
          text: '提交并关闭',
          click: () => {
            console.log('点我了')
            this.visable = false
          }
        }
      ]
    }
  },
  methods: {
    handleRequest (data) {
      // 返回一个promise, 参考: https://www.yuque.com/chaojie-vjiel/vbwzgu/zbu9mn#DmTaP
      return new Promise((resolve, reject) => {
        var validator = new Schema(this.rules)
        validator.validate(data, (errors, fields) => {
          if (errors) {
            // 出现错误

            // 弹窗 或 做其它处理
            const messageArr = errors.map((item) => {
              return this.$createElement('div', { style: { marginBottom: '8px' } }, item.message)
            })
            this.$notify.error({
              title: '表单错误',
              message: this.$createElement(
                'div',
                { style: { minWidth: '300px', marginTop: '12px' } },
                messageArr
              )
            })

            // reject
            reject(new Error())
          } else {
            // 无错误
            resolve()
          }
        })
      })
    }
  }

}
</script>