[发明专利]基于vue的导航条显示方法、存储介质及终端设备

说明书

本发明公开了一种基于vue的导航条显示方法、存储介质及终端设备，其包括：当接收到数据展示指令时，获取待展示的导航配置数据；根据预先封装好的导航条组件来显示所述待展示的导航配置数据。本发明通过预先封装好的导航条组件，从而可以根据导航配置数据来灵活的为导航条配置各种样式，这样，不仅满足了项目的需求，还给用户带来更好的使用体验。

技术领域

本发明涉及计算机技术领域，特别涉及一种基于vue的导航条显示方法、存储介质及终端设备。

背景技术

目前，在网上看到的导航条组件都是传统样式的导航，默认都是从左往右摆放导航按钮，导航条还会占满整行空间，但是，如果只有两个导航按钮，那么剩余的空间就会被导航条占满，样式不美观而且还占位置，如图1所示，图1为本发明提供的现有技术中导航条的效果图，可以看出，当使用传统的导航条，并当其只有4个导航时，右边空出了一半的空间，从而会导致导航条的不美观，同时，导航条的显示不能够灵活的改变样式，这样，不仅无法满足项目的需求，还给用户带来不好的使用体验。

因而现有技术还有待改进和提高。

发明内容

本发明要解决的技术问题在于，针对现有技术的不足，提供一种基于vue的导航条显示方法、存储介质及终端设备，以解决现有技术中导航条的显示不美观、且不能灵活改变样式等的问题。

为了解决上述技术问题，本发明所采用的技术方案如下：

一种基于vue的导航条显示方法，其包括：

当接收到数据展示指令时，获取待展示的导航配置数据；

根据预先封装好的导航条组件来显示所述待展示的导航配置数据。

所述的基于vue的导航条显示方法，其中，所述当接收到数据展示指令时，获取待展示的导航项数据之前还包括：

预先通过VUE框架对通用的导航条进行封装，得到封装好的导航条组件。

所述的基于vue的导航条显示方法，其中，所述待展示的导航配置数据由至少一个导航项组成，每个导航项包括一个导航项的名称以及对应的导航项类型。

所述的基于vue的导航条显示方法，其中，根据预先封装好的导航条组件来显示所述待展示的导航配置数据具体包括：

获取所述待展示的导航配置数据包含的若干导航项的名称；

根据预先封装好的导航条组件来显示所述若干导航项的名称。

所述的基于vue的导航条显示方法，其中，所述封装好的导航条组件配置有多种样式。

所述的基于vue的导航条显示方法，其中，所述待展示的导航配置数据还包括导航条的颜色样式。

所述的基于vue的导航条显示方法，其中，根据预先封装好的导航条组件来显示所述待展示的导航配置数据具体包括：

判断所述待展示的导航配置数据是否包含导航条的颜色样式；

当所述待展示的导航配置数据包含导航条的颜色样式时，将所述导航条的颜色样式数据显示至封装好的导航条组件。

所述的基于vue的导航条显示方法，其中，所述待展示的导航配置数据还包括导航条的尺寸信息，根据所述尺寸信息为所述封装好的导航条组件设置大小。

一种计算机可读存储介质，其中，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上任意一项所述的基于vue的导航条显示方法中的步骤。