nuxt|nuxt 使用 Vue JSON Schema Form nuxt使用VueJSONSchemaForm

当我们需要对一些结构复杂，或内容较多的JSON 进行修改配置的时候，极易容易出错。于是，就想着是否能通过表单形式进行修改，保存。最后，发现了几个JSON 编辑器。
1，Vue JSON Schema Form

文章图片

2，Vue-Json-Edit

文章图片

3，json-editor

文章图片

这里采用的是，第一个 Vue JSON Schema Form 插件。下面，就介绍一下，在nuxt 中，如何使用。
1，安装
该命令是安装 vue2 + elementUI 版本的。其他版本的安装命令可以查阅官网。
npm install --save @lljj/vue-json-schema-form
2，使用
2.1 在 plugins 下新增 json-schema.js 文件，调用组件

import Vue from "vue"; import VueForm from "@lljj/vue-json-schema-form"; Vue.component("VueForm", VueForm);

2.2，在所需的地方，使用 VueForm 组件

当需要处理复杂JSON文件时，可以采用导入的方式，赋值给schema
schema 的格式编写，可参考：配置 schema 和 JSON Schema 规范
【nuxt|nuxt 使用 Vue JSON Schema Form】2.3，表单输出。
2.3.1，具体的输出结果可以在官方提供的案例链接里查看 formData 的内容。
2.3.2，formData 的输出是对象。
2.3.3，在实际的开发中，只要处理 formData 即可。