vue-ele-form-json

vue-ele-form-json | vue-ele-form 的 json 编辑器

介绍

vue-ele-form-json 做为 vue-ele-form 的第三方扩展, 用于编辑 JSON 对象或者数组

安装

npm install vue-ele-form-json --save

使用

import EleForm from 'vue-ele-form'
import EleFormJson from 'vue-ele-form-json'
// 首先引用 ele-form
Vue.use(EleForm)
 
// 注册 json 组件
Vue.component(EleFormJson.name, EleFormJson)

formDesc: {
  xxx: {
    label: 'xxx',
    type: 'json', // 只需要在这里指定为 json 即可
    // 属性参考: https://github.com/yansenlei/VJsoneditor
    attrs: {
      height: 300
    }
  }
}

相关链接

• VJsoneditor
• vue-ele-form
• element-ui