vue+FormMaking+elementui实现json渲染表单效果代码-html代码-BFW代码库

vue+FormMaking+elementui实现json渲染表单效果代码

代码语言：html

代码描述：vue+FormMaking+elementui实现json渲染表单效果代码

代码标签： vue FormMaking elementui json 渲染表单

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
  <html>
  <head>
    <meta charset="UTF-8">
  <!-- import style -->
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/element-ui.2.15.1.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/FormMaking.css">
</head>
  <body>
    <div id="app">
      <fm-generate-form :data="jsonData" :remote="remoteFuncs" :value="editData" ref="generateForm">
        
      </fm-generate-form>
      <el-button type="primary" @click="handleSubmit">提交</el-button>
    </div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>
 <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/element-ui.2.15.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/FormMaking.umd.js"></script>
  <!-- If you need to preview the code in the designer, you need to import the ace.js library -->
    <script>
      new Vue({
        el: '#app',
        data: {
         jsonData: {"list":[{"type":"rate","icon":"icon-pingfen1","options":{"defaultValue":0,"max":5,.........完整代码请登录后点击上方下载按钮下载查看