# Json编辑器
本文使用的是第三方Json编辑器 v-jsoneditor (opens new window)
# 效果
# 安装
Node
npm install v-jsoneditor
浏览器
<script src="https://unpkg.com/v-jsoneditor/docs/dist/v-jsoneditor.min.js"></script>
# 导入
Node
import VJsoneditor from 'v-jsoneditor'
浏览器
var VJsoneditor = window.VJsoneditor.default;
# 挂载
Vue.use(VJsoneditor);
//或者
Vue.component('VJsoneditor', VJsoneditor);
//或者
formCreate.component('VJsoneditor', VJsoneditor);
# 生成
fApi = formCreate.create([
{
type:'v-jsoneditor',
title:'json',
field:'json',
value:{
type: 'form-create'
}
}
])
# 修改
fApi.setValue('json', {type: 'form-create v2'})
← Markdown 编辑器 代码编辑器 →