Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView
在Vue里 一般要用到什么组件或数据 都得提前声明
所以要根据数据来生成表单 只能使用Vue的render函数
要做这一个组件 其实并不难 看一下Vue官方示例 再找个UI组件库 差不多就能写出来
如果对项目有兴趣 可以fork或克隆项目 自行研究
有问题或BUG欢迎提issues
npm i vue-generate-form
import iView from ‘iview‘ import VueGenerateForm from ‘vue-generate-form‘ import ‘iview/dist/styles/iview.css‘ Vue.use(iView) Vue.use(VueGenerateForm)
<template>
<div id="app">
<VueGenerateForm :options="options"/>
// 或者 <vue-generate-form :options="options"/>
</div>
</template>
使用的是dist目录中的vue-generate-form.js
<link rel="stylesheet" type="text/css" href="iview.css">
<div id="app">
<vue-generate-form :options="options"/>
</div>
<script src="vue.js"></script> <script src="iview.js"></script> <script src="vue-generate-form.js"></script>
原文：https://www.cnblogs.com/woai3c/p/10247939.html