控件使用组件渲染

平台支持常用的控件，如果这些控件无法满足实际的业务需求时，还可以通过自定义组件来实现自定义的控件。

下面的例子我们将讲解如何用ElementUI的下拉菜单作为自定义控件，显示到工具栏中。

效果图

自定义控件定义

组件设计器中创建组件，并将下方的定义粘贴到对应的版块，完成组件定义。控件内的所有上下文都可以作为参数传到组件中，根据业务需要进行交互。

组件库依赖

该组件需要依赖ElementUI组件库

<div style="width:100%;height:100%;position:relative">
    <el-menu mode="horizontal" class="el-menu-demo" v-on:select="handleSelect">
        <el-menu-item index="1">
            处理中心
        </el-menu-item>
        <el-submenu index="2">
            <template slot="title">
                我的工作台
            </template>
            <el-menu-item index="2-1">
                选项1
            </el-menu-item>
            <el-menu-item index="2-2">
                选项2
            </el-menu-item>
            <el-menu-item index="2-3">
                选项3
            </el-menu-item>
            <el-submenu index="2-4">
                <template slot="title">
                    选项4
                </template>
                <el-menu-item index="2-4-1">
                    选项1
                </el-menu-item>
                <el-menu-item index="2-4-2">
                    选项2
                </el-menu-item>
                <el-menu-item index="2-4-3">
                    选项3
                </el-menu-item>
            </el-submenu>
        </el-submenu>
        <el-menu-item index="3" disabled>
            消息中心
        </el-menu-item>
        <el-menu-item index="4">
            <a href="https://www.informat.cn" target="_blank">
                订单管理
            </a>
        </el-menu-item>
    </el-menu>
</div>

添加控件

在任意一个数据表模块的工具栏控件添加控件，选择类型为自定义组件