formload v0.2.1

表单加载前端

一.服务模块说明

• spc_formload 表单加载

二.工程模块说明

• loadFormNode.js 将表单注册成组件、显示多个表单、注销表单

示例代码

安装 npm i formload

<template>
  <div>
    <div v-if="showload" class="formList">
      <div v-for="item in comNameArr" :key="item">
        <component :is="item" />
        <div>{{ item }}</div>
      </div>
    </div>
  </div>
</template>

<script>
import { formload, destroyComs } from '../../utils/loadFormNode.js'
export default {
  data() {
    return {
      showload: false,
      comNameArr: [],
      keyArr: []
    }
  }，
  mounted() {
  //生成组件
    formload.call(this, {
      url:"/...",
      data:{},
      ...
    },"showload")
  },
  destroyed() {
  //及时注销，释放内存
    destroyComs(this.keyArr)
    this.showload = false
    this.keyArr = []
    this.comNameArr = []
  }
}
</script>