@neotrident/neo-custom-form v2.4.6

自定义表单

概述

1. 拖拽左侧工具栏，自定义表单结构

2. 通过右侧属性面板

   • 修改字段名称
   • 增减下拉选项
   • 补全upload action等操作

示图

安装方式

 <script src="./neoForm.min.js"></script>
 npm install --save @neotrident/neo-custom-form

示例

<template>
<neo-custom-form :data="data" :lang-package="langPackage">
    <div slot="preset-fields">

    </div>
</neo-custom-form>
</template>

<script>
import neoCustomForm from "@neotrident/neo-custom-form";
export default {
    name: "demo",
    components: {
        neoCustomForm
    },
    data() {
        return {
            data: [{
                id: 1571221816413,
                model: "",
                title: "多行文本框",
                type: "textarea"
            }],
            langPackage: {
                input: '单行文本框'
            }
        }
    }
};
</script>

API

Props

Slot