Element Schema Form

# 安装

npm i @vueblocks/element-schema-form -S

or

yarn add @vueblocks/element-schema-form

# 引入组件

完整引入

import SchemaForm from '@vueblocks/element-schema-form'

Vue.use(SchemaForm)

# 引入第三方扩展

SchemaForm 支持一些用于表单渲染的高级组件

例如 codemirror，使用前需要安装组件依赖

npm i codemirror vue-codemirror-lite -S

按需引入 SchemaFormCodemirror 组件

import SchemaFormCodemirror from '@vueblocks/element-schema-form/lib/SchemaFormCodemirror.common.min'

Vue.component('SchemaFormCodemirror', SchemaFormCodemirror)

# 组件预设配置

// input 输入框 placeholder 预设
Vue.use(SchemaForm, {
  input: {
    placeholder: '全局定义变量实验'
  }
})

// codemirror 插件配置项预设
Vue.use(SchemaForm, {
  'codemirror': {
    cmOptions: {
      tabSize: 2,
      mode: 'text/javascript',
      theme: 'cobalt',
      lineNumbers: true,
      line: true
    }
  }
})

← 更新日志 →