json编辑器插件 vue_基于vue平台的json schema 编辑器

摘要：由于项目需要，需要一款基于vue平台的json schema编辑器，github上找了一圈没找到合适的组件，索性用两天时间自己造一个轮子吧。方便自己，方便生态圈。

源码地址:

Example：国外Demo，国内请访问：国内Demo

A json-schema editor of high efficient and easy-to-use, base on Vue

image.png

支持自定义属性，满足特殊的需求

开启自定义属性

Example

Usage

npm install json-schema-editor-vue

import JsonSchemaEditor from 'json-schema-editor-vue'

import 'json-schema-editor-vue/lib/json-schema-editor-vue.css'

Vue.use(JsonSchemaEditor)

...

export default {

name: 'App',

data() {

return {

tree:

{

root: {

type: "object"

}

json-schema-editor-vue属性说明如下：

属性

说明

类型

是否必须

默认值

value

传入一个默认的树节点，用来接收编辑后的json schema结果

Object

是

disabled

节点名称不可编辑

Boolean

false

disabledType

节点类型不可选择

Boolean

false

root

是否是根节点

Boolean

true

custom

是否允许添加自定义属性

Boolean

false

lang

国际化(可选zh_CN和en_US)

String

zh_CN

Don't forget to star if it helped!

如果对您有帮助，别忘记给个星哦

Links

json编辑器插件 vue_基于vue平台的json schema 编辑器相关推荐

魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器2 时间事件
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器2 时间事件 1.创建时间时间创建新触发器设置事件 2.设置动作 3.Ctrl+F9启动游戏测试 4.设置新事件 5.设置变量 6.设置新触 ...
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器3 单位组选择多个单位
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器3 单位组选择多个单位 1.更改技能设置 2.给人物添加技能 3.群体技能设置 4.技能图标调整 5.已完成的调整 6.原技能修改 7.给英雄添 ...
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器1 选择英雄
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器1 选择英雄 1.触发:满足条件/事件,进行后续动作如做任务.装备强化.技能特效.选择英雄等 2.举例:选择英雄选择英雄设置属性设置装饰 ...
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器4 技能特效
魔兽地图编辑器插件YDWE的使用与基本设置5 触发编辑器4 技能特效 1.选择技能 2.调整技能属性 3.为英雄添加技能 4.创建新的触发器并更改条件.动作 5.新建类别.触发器 6.删除单元组创建 ...
魔兽地图编辑器插件YDWE的使用与基本设置7 声音编辑器
魔兽地图编辑器插件YDWE的使用与基本设置7 声音编辑器 1.F5快速打开 2.导入声音 Ctrl + I 3.F4打开触发编辑器新建触发.事件.动作 Ctrl + F9启动游戏测试
vue canvas插件_基于vue.js 制作在线桌椅定制选择交互特效源码
码农那点事儿关注我们,一起学习进步基于vue.js写的在线桌子椅子垫子选择拼成的自己理想的书桌椅图像,这是一款交互式的课桌椅在线定制选择功能.非常不错,感兴趣的朋友前来下载使用. 下载源码(提取码 ...
基于vue前端聊天插件_基于Vue聊天的实现
基于vue前端聊天插件基本视频聊天 (basic-vue-chat) Easy to use VueJS chat. 易于使用的VueJS聊天. 安装 (Installation) You can ...
vue连线插件_基于vue的网页标尺辅助线工具(vue-ruler-tool)
原文首发于我的博客,欢迎点击查看获得更好的阅读体验~ 标尺辅助线.gif vue-ruler-tool 最近在网上找到一个网页制作辅助工具-jQuery标尺参考线插件,觉得在现在的一个项目中能用的上, ...
vue连线插件_基于Vue的任务节点图绘制插件（vue-task-node）
简介: vue-task-node 是一个基于Vue的任务节点图绘制插件(vue-task-node is a Vue based task node mapping plug-in) 此篇博客会随插 ...
html全局布局 vue_基于Vue+Element的电商后台管理系统
前言 mall项目后台管理系统的前端项目. 项目介绍 mall-admin-web是一个电商后台管理系统的前端项目,基于Vue+Element实现. 主要包括商品管理.订单管理.会员管理.促销管理.运 ...

json编辑器插件 vue_基于vue平台的json schema 编辑器

json编辑器插件 vue_基于vue平台的json schema 编辑器相关推荐

最新文章

热门文章