青囊低代码表单

开发阶段中，内部使用，暂不开源。

安装

兼容性

支持Vue2+, node12+

npm

推荐使用npm进行安装

$ npm install qingnang-form-generator -S

package.json

添加服务启动语句 qingnang-form-generator-server

"dev": "自有语句 & qingnang-form-generator-server",

main.js

import QingnangFormGenerator from 'qingnang-form-generator'
Vue.use(QingnangFormGenerator)

使用

设置id（需确保全项目唯一），绑定data值即可。

<template>
    <qn-form-generator-parser id="glm_123" :model="glm_123_data">
      <!-- 插槽的使用 -->
      <template v-slot:slot_name="config">{{ config.slotData.key }}是插入的内容</template>
    </qn-form-generator-parser>
</template>

<script>
export default {
  name: "qingnang-form-generator",
  data() {
    return {
      glm_123_data: {}
    }
  }
};
</script>