doctype html><json-editor-vuev-model="value"></json-editor-vue>{"imports":{"vue":"https://cdn.jsdelivr.net/npm/vue/dist/vue.esm-browser.prod.js","vue-demi":"https://cdn.jsdelivr.net/npm/vue-demi/lib/v3/index.mjs","vanilla-jsoneditor":"https://cdn.jsdelivr.net/npm/vanilla-js...
{ type: 'string', }, }, }; // import vue-json-ui-editor import JsonEditor from '../../src/JsonEditor.vue'; export default { components: { JsonEditor }, data: () => ({ // init json schma file ( require('@/schema/newsletter') ) schema: SCHEMA, // data model: { name: ...
v-model:bind the [json object] :show-btns: boolean, show the save button, default: true :expandedOnStart: boolean, expand the JSON editor on start for the modes 'tree', 'view', and 'form', default: false :mode: string, default: tree :lang: string, default: en @json-change: on ...
Yourtion/vue-json-ui-editor 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 master 克隆/下载 git config --global user.name userName git config --global user.email userEmail 分支116 ...
在vue 项目中使用了一个@json-editor/json-editor包和官方提供的效果类似,因为这个包使用时最近有更新 第一步安装 npm install @json-editor/json-editor --save 版本如下 "@json-editor/json-editor": "^1.1.0-beta.4" 第二步.vue文件中引入
A json editor of vue.js Component properties v-model:bind the [json object] :show-btns: boolean, show the save button, default: true :expandedOnStart: boolean, expand the JSON editor on start for the modes 'tree', 'view', and 'form', default: false :mode: string, default: tree :...
Vue Editor 活动编辑器 - 基于vue-json-schema-form做数据配置用于快速搭建营销活动页面
Vue Editor 活动编辑器 - 基于vue-json-schema-form做数据配置用于快速搭建营销活动页面
vue-json-schema-editor A json-schema editor of high efficient and easy-to-use, base on Vue3 & Element PLUS. 一个高效易用的基于 Vue3 + Element PLUS 的 json-schema 编辑器。 Usage importJsonSchemaEditorfrom'vue-json-schema-editor';
1. Import and register the JSON editor. import JsonEditorVue from 'json-editor-vue' app.use(JsonEditorVue, { // global config }) 2. Add the JSON editor to the app. <template> <JsonEditorVue v-model="value" v-bind="{/* local config */}"/> ...