Nuxt JS / Vue JS使用GET和POST请求的JSON API

时间:2019-01-31 19:25:58

标签: vuejs2 nuxt.js

我正在将Nuxt JS v2.3.x用于房地产销售网站。一切都基于API,并且必须动态且易于开发人员和客户端使用。

从本质上讲,我目前正在构建后端(有点像CMS / Wordpress),客户端可以在其中进入,添加和编辑其属性,然后这些属性将出现在前端。

我们当前正在改造现有系统,因此此处有些情况可能会有所不同。

但是,我正在努力了解实现以下目标的最佳方法:

在后端,用户可以访问其属性列表,并在以下URL上编辑属性,例如:children(1是属性ID,并且会根据属性而变化)。

在加载此视图后,我会在输入,复选框和单选按钮上都有一个负载,每个输入,复选框和单选按钮都会自动填充相应的键值对的值,该对键值对是API的GET请求。

  

例如:“属性名称”输入字段将通过自动填充   API中的value属性,然后用户可以点击进入   字段以编辑内容,然后单击保存以发布该数据   回到API进行保存。

我的问题是我正在通过类似这样的GET请求获取所有JSON数据:

C

JSON数据可能会更改,并且可能包含X个具有不同输入类型的字段,因此使用temp循环动态循环和输出是有意义的,例如:

C

必须在字段上设置,因为您以前已经保存了一些数据,因此需要使用该字段自动填充该字段。

主要问题:

我的问题是我不确定如何获取所有值作为JSON数据来创建POST请求,因为我没有https://mywebsite.com/property/1并添加一个我随后需要以某种方式动态创建的请求变量来存储每个字段?

有没有办法我可以简单地获取所有字段名称,因为它们都具有名称+提交表单时将该字段的值并将其绑定到Submit方法中

0 个答案:

没有答案