标签:https date option doc options inpu 按钮 cascade 级联选择
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 date option doc options inpu 按钮 cascade 级联选择
原文地址:https://www.cnblogs.com/woai3c/p/10247939.html