一个element plus表单组件无法正常渲染的问题

这个表单是由数据项渲染的，使用数据渲染每一个el-form-item的prop，label等.

数据结构如下：

export const formSchema = {
  data: {},
  rules: [],
  editable: true,
  labelWidth: '100px',
  formItems: [
    [
      {
        label: '姓名',
        required: true,
        type: 'input',
        prop: 'name',
      },

      ...

    ]
  ]
}

进入正题，原因是回显，或者说赋初始值时，写了这样的代码：

const resData = ref();

formSchema.data = resData;

这样导致了表单中应绑定的:model ，绑定了一个空值，这就是问题所在。

他在编译过程中不会报错（这就体现ts的好用之处了）

在表单校验时会报model空了的警告。

解决方法就是不让它为空，就算是个空对象，空数组也行ref({})，不要是空值ref()

正常显示表单项内容了。