DevExtreme初级入门教程(Vue篇):应用程序模板 – 配置菜单、工具栏
好酷屋教程网小编为您收集和整理了DevExtreme初级入门教程(Vue篇):应用程序模板 – 配置菜单、工具栏的相关教程:DevExtremeVue应用程序模板可帮助您创建一个简单的Vue应用程序,该应用程序带有导航菜单和响应式布局中的多个示例视图。配置导航菜单配置菜单项编辑src\APP-navigati
DevExtreme Vue应用程序模板可帮助您创建一个简单的 Vue 应用程序,该应用程序带有导航菜单和响应式布局中的多个示例视图。
配置导航菜单
配置菜单项
编辑 src\APP-navigation.js 文件来配置导航菜单项,每个项目配置可以有以下字段:
text – 项目的文本
icon – 项目的图标
path – 与项目关联的导航路径
items – 子项目
注意:菜单项应该导航到页面或包含子项,因此不要为同一菜单项同时指定路径和项目。
JavaScript
{
text: ‘Category’,
icon: ‘folder’,
items: [{
text: ‘About’,
path: ‘/about’
}]
}
在关闭状态下隐藏菜单
在关闭状态下,导航菜单部分可见,因为它显示项目图标。 如果项目没有图标,您可以隐藏菜单。 为此请打开 SideNavOuterToolbar 或 SideNavInnerToolbar 组件(取决于使用的布局)并更改 drawerOptions() 计算属性如下:
side-nav-outer-toolbar.vue
// …
添加自定义工具栏项
应用程序模板使用 DevExtreme Toolbar 组件,Toolbar 是 HeaderToolbar 组件的一部分,其配置位于 src\components\header-toolbar.vue 文件中。要添加自定义工具栏项,请打开此文件并在 DxToolbar 中添加一个 DxItem 元素。
以下代码向工具栏添加了一个搜索按钮:
header-toolbar.vue
side-nav-outer-toolbar.vue
在上面的代码中,按钮单击处理程序在 SideNavOuterToolbar 组件中声明。 当使用外部工具栏布局时,此组件适用。 如果应用程序使用内部工具栏布局,请将相同的代码添加到 SideNavInnerToolbar 组件。
以上就是好酷屋教程网小编为您收集和整理的DevExtreme初级入门教程(Vue篇):应用程序模板 - 配置菜单、工具栏相关内容,如果对您有帮助,请帮忙分享这篇文章^_^
本文来源: https://www.haoku5.com/IT/63a56cfae53c284ecf02666a.html
相关推荐
热门专题
PS快捷键_PS快捷键大全
经典的Photoshop快捷键大全,如果你是入门阶段的水平,熟读此文并掌握,马上进阶为中级水平。matlab怎么换行?matlab换行教程
今天小编为大家带来的是matlab换行的教程,想知道怎么换行的小伙伴来看看接下来的这篇文章吧,相信一定会帮到你们的。matlab怎么换行?matlab换行教程1、首先在matlab主页面板中点击【Matlab求矩阵的乘积的操作方法
很多用户在使用Matlab的时候,不是很熟悉其中怎么求矩阵的乘积的?本期为你们带来的教程就描述了Matlab求矩阵的乘积的操作方法。Matlab求矩阵的乘积的操作方法打Matlab,在命令行窗口分区工具diskgenius强制删除文件的具体使用流程
很多人不知道分区工具diskgenius如何强制删除文件?今日为你们带来的文章是关于分区工具diskgenius强制删除文件的具体含义讲解,还有不清楚小伙伴和小编一起去学习一下吧。分区工具diskggoldwave怎么启用延迟录制计时器?goldwave启用延迟录制计时器教程
很多小伙伴在使用goldwave的时候,想知道怎么启用延迟录制计时器,下面小编就为大家分享教程,感兴趣的小伙伴不要错过哦!goldwave怎么启用延迟录制计时器?goldwave启用延迟录制计时器教pycharm使用技巧
今天小编给大家讲解pycharm使用技巧,有需要或者有兴趣的朋友们可以看一看下文,相信对大家会有所帮助的。pycharm使用技巧使用PyCharm软件需要python运行环境,这里我已经下载好。CAD看图软件哪个好用?如何使用CAD看图软件
在CAD中,大家都知道CAD图纸是使用CAD制图软件来绘制完成的,那保存的格式就是为dwg格式和dxf格式的。那需要对图纸内容进行查看的时候,就要适用到CAD看图软件。但看图软件有很多,那么CAD看图diskgenius怎么将分区中的文件复制到指定目录?diskgenius将分区中的文件复制到指定目录方法
使用diskgenius的时候,很多小伙伴不知道怎么将分区中的文件复制到指定目录,下面小编就给大家带来方法,有需要的小伙伴不要错过哦。diskgenius怎么将分区中的文件复制到指定目录?diskg分区工具diskgenius将硬盘合并分区的详细流程
说起分区工具diskgenius伙伴们都不陌生,那么使用怎么使用分区工具将硬盘合并分区呢?下面一起看看关于分区工具diskgenius将硬盘合并分区的详细流程吧。分区工具diskgenius将硬盘合WPS HarmonyOS版上线服务中心 PPT新特性一览
7月22日,WPS鸿蒙HarmonyOS版已经上线服务中心,鸿蒙版支持流转,目前只能查看不能编辑,WPSOfficeforHarmonyOS的PPT显示了WPS鸿蒙版的新特性,一起