xps-generate-form

1.5.1 • Public • Published

xps-generate-form

适用于uniapp, 该插件将xps-formmaking动态生成的json在uniapp中动态解析出来,大部分功能已处理,部分属性、细节还可以按需进行扩展优化. 依赖于uview-ui,请自行安装

Installation

$ npm install xps-generate-form --save

Usage

<template>
  <view class="index">
    <xps-generate-form ref="xps-generate-form" :data="myJson" />
    <button @tap="submit">提交一下</button>
  </view>
</template>
import { XpsGenerateForm, testJson } from "xps-generate-form";
export default {
  data() {
    return {
      myJson: {},
    };
  },
  components: { XpsGenerateForm },
  onLoad() {
    setTimeout(() => {
      this.myJson = testJson;
    }, 100);
  },
  methods: {
    submit() {
      this.$refs["xps-generate-form"].getData().then((data) => {
        console.log(data);
      });
    },
  },
};

store/index.js

import Vue from "vue"
import Vuex from 'vuex'
import validate from './modules/validate.js'

Vue.use(Vuex)

export default new Vuex.Store({
	modules: {
		validate
	}
})

store/modules/validate.js

export default {
  namespaced: true,
  state: {
    status: false
  },
  mutations: {
    UPDATE_STATUS(state, status) {
			state.status = status
		}
  }
}

gitee

https://gitee.com/wang-futai/dynamic-form-app

Package Sidebar

Install

npm i xps-generate-form

Weekly Downloads

11

Version

1.5.1

License

MIT

Unpacked Size

622 kB

Total Files

121

Last publish

Collaborators

  • wangfutai