[发明专利]列表自动翻页轮播组件实现方法及装置、设备、介质

说明书

本申请涉及列表自动翻页轮播组件实现方法及装置、设备、介质，方法包括：自定义一轮播组件，采用vue框架封装轮播组件，将轮播组件封装为可在多个页面引用并可自动翻页的自动翻页轮播组件；通过vue框架引用封装好的自动翻页轮播组件，在父组件中配置需要显示内容的列表数据，以及配置在一定时间内自动翻页轮播每一行数据，形成配置数据；自动翻页轮播组件，根据所述配置数据，自动翻页轮播数据；当轮播高亮选中到最后一项时，自动翻页，又开始自动高亮选中下一页的数据项。本发明轮播高亮选中某一项数据时，可以弹出详情框或者与其他界面交互，而不是移除一项数据，可以看到当前页的所有数据，为用户的使用提供了方便。

技术领域

本申请涉及电子日历组件技术领域，特别是涉及一种基于vue的列表自动翻页轮播组件实现方法及装置、计算机设备、可读存储介质。

背景技术

随着电子技术的发展和人们生活水平的不断提高，各种轮播组件的使用越来越普及，通过轮播组件来滚动播放一些消息列表。

现有技术中在网上的开源或者不开源的自动轮播组件都是一个列表，然后一项一项数据往上移除，循环轮播整个列表数据项，或者翻页一页一页的移除轮播循环显示，而这种功能无法满足项目需求，轮播显示数据不够灵活，有时不方便用户使用。

因此，现有技术有待改进。

发明内容

本发明要解决的技术问题是，提供一种基于vue的列表自动翻页轮播组件实现方法及装置、计算机设备、可读存储介质，本发明为了解决上述问题，自定义一个轮播组件，即轮播高亮选中某一项数据时，可以弹出详情框或者与其他界面交互，而不是移除一项数据，可以看到当前页的所有数据，当轮播高亮选中到最后一项时，自动翻页，又开始自动高亮选中下一页的数据项，轮播显示数据灵活，并且可细化，为用户的使用提供了方便。

一种基于vue的列表自动翻页轮播组件实现方法，其中，所述方法包括：

自定义一轮播组件，采用vue框架封装轮播组件，将轮播组件封装为可在多个页面引用并可自动翻页的自动翻页轮播组件；

通过vue框架引用封装好的自动翻页轮播组件，在父组件中配置需要显示内容的列表数据，以及配置在一定时间内自动翻页轮播每一行数据，形成配置数据；

自动翻页轮播组件，根据所述配置数据，自动翻页轮播数据；

当轮播高亮选中到最后一项时，自动翻页，又开始自动高亮选中下一页的数据项。

所述基于vue的列表自动翻页轮播组件实现方法，其中，所述自定义一轮播组件，采用vue框架封装轮播组件，将轮播组件封装为可在多个页面引用并可自动翻页的自动翻页轮播组件的步骤包括：

自定义一轮播组件，采用vue框架封装轮播组件；

封装轮播组件可在多个页面引用，并在在轮播高亮选中某一项数据时，可弹出详情框或交互界面；以及可自动翻页，成为的自动翻页轮播组件。

所述基于vue的列表自动翻页轮播组件实现方法，其中，所述通过vue框架引用封装好的自动翻页轮播组件，在父组件中配置需要显示内容的列表数据，以及配置在一定时间内自动翻页轮播每一行数据，形成配置数据的步骤包括：

通过vue框架引用封装好的自动翻页轮播组件；

在父组件中配置需要显示内容的列表数据，包括：配置表头数据，配置内容字体颜色和大小；配置每一页显示的行数，配置轮播高亮选中每一项的时间，配置轮播高亮到最后一项时，切换到下一页的时间；配置达到在一定时间内自动翻页轮播每一行数据；形成配置数据。

所述基于vue的列表自动翻页轮播组件实现方法，其中，所述在父组件中配置需要显示内容的列表数据，形成配置数据的步骤包括：

配置表头数据；