课程章节介绍
同学,咱们今天来讲讲这三个记录表格组件,它们有些像菜单上的不同选择,灵活程度不太一样。
先看 ,lightning-record-form,,它就像一个全自动的厨房,从创建、编辑到查看模式,全帮你搞定。你不需要自己写很多逻辑,它会自动切换模式,还支持管理员通过字段集来控制布局显示哪些字段。但缺点就是有点“大而全”,如果只想读个数据,它也会带很多可能用不上的东西。
再看 ,lightning-record-view-form,,它就像一张精美的菜单展示页。它专注于只读显示,你可以搭配 ,lightning-output-field, 自定义布局,想放几个字段、怎么排都行,很灵活。这就适合你只想展示数据、不让人修改的场景。
然后 ,lightning-record-edit-form, 就更进一步了,它像一个可编辑的空白表单,配合 ,lightning-input-field, 使用,你可以自己设计表单的布局,字段怎么摆、分几列,统统由你决定。非常适合自定义的编辑页面。
它们都支持通过 SLDS 网格类做多列布局,排版上很方便。
这里有个重点,性能和编译时验证。我们强烈建议你,指定单个字段,,而不是使用那个“布局类型”让管理员控制显示哪些字段。因为当你通过 `@salesforce/schema` 导入字段时,Salesforce 可以在编译时就检查字段是否存在,避免运行时出错。更关键的是,底层的 Lightning Data Service 只会加载你明确请求的那些字段,这样数据抓取更快、更轻量。如果用了布局类型,它可能一股脑把很多字段都拉下来,影响性能。
简单说,虽然 record-form 开箱即用很方便,但如果你追求性能和编译安全,尽量用后面两种组件,并且手动指定字段。这样你的组件会跑得更轻盈。
好了,这一块就讲这么多,咱们下次见。
关键词
LWC
Lightning Web Components
Salesforce