搜索

+

80

-

form-create-designer如何自定义组件和左侧组件菜单内容？

html5 javascript vue

form-create-designer如何自定义组件和左侧组件菜单内容？

网友回复

+

0

-

可以通过menu属性设置左侧菜单项

800_auto

<!DOCTYPE html>
<html lang="en">
<head>


    <meta charset="UTF-8">
    <title>可视化表单设计器</title>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/elementui.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/elementui.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/form-create.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/designer.js"></script>
    <style>
        body {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
    <div id="app">
        <fc-designer :menu="menu" height="100vh" ref="designer" />
    </div>
    <script>
        Vue.use(FcDesigner);


        new Vue({
            el: '#app',
             data() {
        return {
          menu:[{
            title:'分组1',
            name:'group1',
            list:[{
              icon: 'icon-checkbox',
              name: 'checkbox',
              label: '单选框'
            }]
          }]
        };
    },


            method:{

            }


        })
    </script>
</body>
</html>

自定义组件请参考官方文档：http://designer.form-create.com/guide/component.html

我知道答案，我要回答

我有问题

私活外包

最新提问