form-generator解析组件与数据回显

1. 解析生成配置好的组件

a. 引入解析代码的组件

import Parser from 'form-gen-parser'

b. 加入组件到需要展示的位置


c. 把需要解析的内容放到formConf中去,需要是json数组对象,不是字符串

this.formConf = JSON.parse(your-formConf)

2. 数据回显

a. 准备数据源

this.formData

b. 给formConf设置值即可回显

this.formConf.fields.map(item => {
  var __config__ = item.__config__
  __config__.defaultValue = this.formData[item.__vModel__] ? this.formData[item.__vModel__] : __config__.defaultValue
  return item
})

你可能感兴趣的:(form-generator,element-ui,vue,vue,elementui,前端)