element-UI 的顶栏

<el-menu mode="horizontal"> <!--模式是水平的--!>

    <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-submenu>

    <el-menu-item><a href="https://www.ele.me">可跳转的</a></el-menu-item>

</el-menu>


最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue.js学习笔记-基础部分+完整实现代码
    下载安装搭建环境 可以选npm安装，或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时，控制...
    冥冥2017阅读 6,098评论 0赞 42
  • Vue.js 1.0 Official Guide Note
    Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性：var data = { a:...
    云之外阅读 2,252评论 0赞 6
  • Vue官方教程笔记（Vue 1.X）
    1.安装 可以简单地在页面引入Vue.js作为独立版本，Vue即被注册为全局变量，可以在页面使用了。 如果希望搭建...
    Awey阅读 11,109评论 4赞 129
  • Vue.js 2.0 Official Guide Note
    这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0赞 29
  • 2014
    我是一个记忆力很差的人，或者说是系统性记忆很差。脑子里有点点滴滴，却很难有清晰的时间线。好在2014年我下决心每天...
    编号柒壹伍阅读 357评论 0赞 1