当前位置: 首页 > 网络应用技术

VUE2元素架构表单配置形式的形式

时间:2023-03-07 16:37:24 网络应用技术

  为了实现配置形式的生成,需要了解一些前面知识点。

  提供一个动态渲染组件的构建组件。例如,本文用作示例。假设我们已经注册了全局的组件,则是以下代码

  它将作为组件渲染。

  好吧,最重要的知识实现已经结束。只要您理解这一点,我就可以完全理解我的实现的实现,这是如此简单。

  但是,为了简化形式的使用,我们知道了其他一些东西。

  例如,组件不仅可以接收一个字符串,渲染全局组件,同时,我们可以接收一个组件,即当我们的组件未注册全局时,我们可以传递到该组件,也可以完成该组件渲染组件的功能。

  第二个知识点,如果您有这样的疑问 - 我已经做到了,那么我需要定义接收中的道具的定义,然后将其传递给一个一个,然后将其传递给一个生效。

  如果有疑问,您可以为您提供帮助。对于第二个包装的组件,可以通过定义传递给父组件的属性,因此有一个可以绑定到其的问题,那么一个普通的对象canis可能是可能的吗?答案还可以。

  这是我们变得易于使用的第二个重要知识。

  同样,该事件是传输的,并且结合是结合的。

  以上是我认为的所有知识和扩展思维的分配,即配置形式需要掌握表单。接下来,我们只需完成配置表格。

  1.我可能想对表格进行一些特殊处理,因此包装层总是正确的。当然,这是我的习惯,您可以自己选择。

  2.由于它是一种形式,因此必须包装。

  3.为了配置配置布局的需求,我希望介绍网格系统

  4.无论如何改善表格,都必须满足所有要求。最简单的方法是将其扔掉。

  5.有时我想渲染文本?有时我想要渲染字段的价值而不是任何组件吗?

  6.最后,渲染的相应组成部分

  然后,表单的结构完成。

  从上面的结构中,让我们考虑一下配置阵列的字段结构的外观。

  1.一些字段可以注入。作为最外层的组件,输出字段被给予

  2.您需要传递数据源。该数据源可以内部传输到外部。它也可以传递到对象中。对象的特性用于两条路绑定。我选择了后者

  3.有时可能不会显示项目,因此扩展了一个字段以控制是否显示该项目。

  4.属性透明度

  5.样式定义

  有一些特殊的描述出现了,其余的重复,然后数据结构就是这样

  实现这些实施后,我可以自己实施需要扩展的其余功能。我只在这里扩展业务,并不完美。

  因此,我们的形式组件变成了这样

  可以看出,我已经扩展了一个用于数据源的数据源的字段。这些特殊组件分别列出。基本上,有很多。

  它只是为了促进一些常用的方法的添加,基本上不进行逻辑处理。

  查看此配置可以生成哪种形式

  注意:我在这里定义了一些全球样式,例如以下组件,所有这些组件都充满了组件,使其更加美丽。

  生成这样常用的筛选形式

  我找到了其余的,没有什么特别的,所以我不发布它。简而言之,这一千组组件应用于许多大型项目,这是易于使用和可扩展性。没有问题。确定的其他组件和组件可以在十分钟内实现完整的B端删除和修改检查。

  值得一提的是,为了易于使用表单,我们基本上支持所有支持使用数据绑定的自定义组件,以实现简单易用的效果。

  该代码是编写项目的长期想法。之后,项目中有改进和优化。大致只是分享一个想法。如果您有任何想法,请纠正我。

  原始:https://juejin.cn/post/7099644439449659429