vue3实现动态表单

43 阅读1分钟

1. 优势

  • 配置化驱动:新增 / 修改表单项只需修改配置数组,无需重复写模板代码;
  • 组件复用:支持不同类型的组件(内置组件、自定义组件),扩展性强;
  • 灵活控制:通过 showspanWidth 等配置实现动态布局和显示隐藏。

shallowRef:

type: shallowRef(ElInput) 是为了避免组件类型被深层响应式处理(组件类型无需响应式),提升性能;若直接用 ref 也可,但 shallowRef 更高效。