qgb-cform v0.0.70

qgb-cform

企管帮低代码组件

Install

npm install qgb-cform --save 

Usage

为减少不必要的更改 此组件获取环境变量的方式与审批组件(qgb-process)保持一致 如果您的项目之前从未使用过审批组件(qgb-process),请在src\router\index.js中导入如下代码,用于给本组件传递环境变量

// src\router\index.js
// 如果之前已经使用过审批组件 请忽略此代码块
localStorage.clear("env");
localStorage.set("env", JSON.stringify(process.env));

// main.js
import CustomFormBuilder from "qgb-cform";
Vue.use(CustomFormBuilder); 

Options

Example

<CustomFormBuilder
          :customKey="'xiaohuihui'"
          :status="0"
          cMenuId="'menu001'"
          v-model="dataObj" // 自定义表单的业务数据对象
        />

dataObj:{"key_165268797150973b23a0d1a52472dafc6200b075f6012":["选项2","选项3"],"key_1652687528238292a3b0cef08457b883c4bec4a2e8feb":{"departmentCompanyNo":"1","departmentNo":"5e8303bdb1876d29b1769492","staffNo":"5e8303d2b1876d29b1769493","charger":"于**","companyStr":"成都测试网络","departmentStr":"技术部总部","staffStr":"于**"},"key_1652687970302a3497372af1c4516a20cd88847eee292":"324让342","key_1652687972393b5e549d71393456e993509f5023fc648":3223232}

微前端项目使用插件注意事项 ***重要***

1. 主应用需要在调用$registerMicroApps后 添加一行 delete window.Vue; 修复集成qiankun后 部分三方组件报错导致项目无法正常加载的问题
2. 子应用以及其他直接使用本插件的项目,请在store/index.js导出store前增加一条window.storeApp = store 用于插件获取当前子应用的store
3. 样式可在外部控制,如更改样式后造成任何不可预期的问题,请自行还原