1.1.5 • Published 4 years ago

lg-form v1.1.5

Weekly downloads
17
License
LGPL
Repository
-
Last release
4 years ago

lgForm

介绍

基于 Vue,ElementUI 开发的一款表单设计器

下载

npm i lg-form

使用表单,查看表单

import FormMaking from 'lg-form'
import 'lg-form/dist/FormMaking.css'
Vue.use(FormMaking)
<fm-generate-form
  insite="true"
  :data="widgetForm"
  :value="widgetModels"
  :remote="remoteFuncs"
  ref="generateForm"
></fm-generate-form>
data() {
  return {
    widgetForm: {
      list: [],
      config: {
        labelWidth: 100,
        labelPosition: 'right',
        size: 'small'
      }
    },
    // 表单赋值
    widgetModels: {},
    remoteFuncs: {}
  }
}

设计表单

<fm-making-form
  ref="makingForm"
  preview
  generate-json
  generateHTML
  clearable
  @handleGenerateJson="handleGenerateJson"
  @handleGenerateCode="handleGenerateCode">
  <template slot="action"></template>
</fm-making-form>
methods: {
  handleGenerateJson(val) {
    console.log(val)
  },
  handleGenerateCode(val) {
    console.log(val)
  }
}
preview: 预览
generate-json: 属性
generateHTML: HTML
clearable: 清除

借鉴:http://tools.xiaoyaoji.cn/

1.1.5

4 years ago

1.1.4

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

5 years ago

1.0.0

5 years ago