Vue Js:重用表单组件进行添加/编辑操作

问题描述 投票:0回答:3

我想对实体进行添加和编辑操作,假设发布。两种添加/编辑表单上都有相同的字段。所以我想问一下我是否可以将表单作为一个单独的组件并在add.vue和edit.vue中使用它?这是在VueJS中做这种事情的最好方法吗?

我之所以这样问,是因为我在互联网上访问了很多代码,而这些代码的作者没有遵循该方法,他们正在为添加/编辑创建单独的表格。

我想对实体进行添加和编辑操作,假设发布。两种添加/编辑表单上都有相同的字段。所以我想问一下我是否可以将表单作为一个单独的组件并在add.vue中使用它...

vue.js vuejs2 crud
3个回答
1
投票

请确保您可以对两个操作使用相同的组件。您只需要处理数据流(调用正确的api / graphql突变/表单操作)


0
投票

如果您的表单的大部分组件都不相同,请在Form.vue中使用它,并在add.vue edit.vue中创建可重用的基础组件


0
投票

您应该使用一个组件,因为您不想重复代码。传递实体的ID至关重要。如果后端接收到没有ID的实体,则表明它是添加操作(在数据库中执行INSERT)。如果设置了ID,则后端知道必须更新。

© www.soinside.com 2019 - 2024. All rights reserved.