javascript - Vue.js 2-将表单分解成更小的组件是一种不好的做法吗

标签 javascript vue.js vuejs2

我有一个大约有 20 个字段的大表单,为了实现最少的代码量,我为输入和选择创建了独立的组件,然后将一个字段数组传递给 v-for 以创建表单.

但很快我发现处理表单序列化和链接选择非常复杂(比如一个选择州列表,另一个选择城市取决于所选州)。

但是,如果我将表单写在一个组件中,将会有很多重复的 div、类等。

那么哪种方式更好呢?

最佳答案

在阅读并引用了 bootstrap-vue 的官方文档和代码之后,我现在非常确信独立和可重用的组件是必要的。

为了解决我的表单序列化和链接选择问题,官方文档Form Input Components using Custom Events会有帮助。

关于javascript - Vue.js 2-将表单分解成更小的组件是一种不好的做法吗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42393015/

相关文章:

javascript - WordPress wp_enque_scripts 似乎不起作用

javascript - 如何访问对象的值?

javascript - 如何在leaflet实时js api中使用推送模型

vue.js - 在不改变原始数据的情况下过滤 Vue 中的对象列表

vuejs2 - 我可以使用vue test utils通过引用选择元素吗

javascript - 为什么 iframe 这么慢?

javascript - 将指令从组件应用到子组件

javascript - Vuejs 自动将所有 Prop 传递给 child

javascript - Firebase 在渲染之前在 Nuxtjs 上获取

vue.js - validateAll 不适用于 v-for 生成的输入