一种用于实现页面路由跳转时的动画配置的方法与设备技术

与现有技术相比，本申请通过一种用于实现页面路由跳转时的动画配置的方法与设备，首先配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置，然后当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定，最后基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。通过该方法，基于配置的页面路由，可实现页面路由跳转的动画和反向动画，大大丰富了动画和方向动画可选择范围，提升了用户体验效果。

【技术实现步骤摘要】
一种用于实现页面路由跳转时的动画配置的方法与设备
本申请涉及智能终端设备页面处理
，尤其涉及一种用于实现页面路由跳转时的动画配置的技术。
技术介绍
近年来随着页面的前端技术发展的突飞猛进，用于页面设计的前端框架也层出不穷，vue框架作为后起之秀在众多前端框架中脱颖而出，以其语法的简单明了、言简意赅，深受广大前端开发者所青睐。其中，vue框架中作为过渡动画组件的transition组件，既能作用于页面上某个元素，又能作用于整个页面路由。然而，在作用于页面路由时，transition组件需要放置在router-view组件外面，这样使得每次页面路由跳转的动画形式很难控制，并且在页面路由跳转后若再进行路由返回，又很难配置一个反向动画。
技术实现思路
本申请的目的是提供一种用于实现页面路由跳转时的动画配置的方法与设备，用以解决现有技术中不能自由配置页面路由跳转的动画的技术问题。根据本申请的一个方面，提供了一种用于实现页面路由跳转时的动画配置的方法，其中，所述方法包括：配置页面路由监听程序，其中，所述页面本文档来自技高网...

【技术保护点】
1.一种用于实现页面路由跳转时的动画配置的方法，其特征在于，所述方法包括：/n配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；/n当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；/n基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。/n

【技术特征摘要】
1.一种用于实现页面路由跳转时的动画配置的方法，其特征在于，所述方法包括：
配置页面路由监听程序，其中，所述页面路由监听程序用于监听页面路由的跳转及跳转时对应的动画配置；
当所述页面监听程序监听到当前页面路由跳转时，获取所述当前页面的离开动画配置，其中，所述当前页面的离开动画配置基于预设的离开动画配置程序设定；
基于所述当前页面的离开动画配置，实现所述当前页面对应的离开动画的渲染。


2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
当所述页面监听程序监听到当前页面路由跳转时，获取跳转页面的切入动画配置，其中，所述跳转页面的切入动画配置基于预设的切入动画配置程序设定；
基于所述跳转页面的切入动画配置，实现所述跳转页面对应的切入动画的渲染。


3.根据权利要求1所述的方法，其特征在于，所述离开动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述离开动画配置中的反向动画配置；
基于所述反向动画配置，实现所述当前页面对应的切入动画的渲染。


4.根据权利要求3所述的方法，其特征在于，所述反向动画配置基于预设的离开动画配置程序，与所述离开动画配置对应设定。


5.根据权利要求2所述的方法，其特征在于，所述切入动画配置包括反向动画配置，所述方法还包括：
当所述页面路由监听程序监听到跳转页面返回路由跳转时，获取所述切入动画配置中的反向动画配置；
基于所述反向动画配置，实现所述跳转页面对应的离开动画的渲染。


6.根据权利要求5所述的方法，其特征在于，所述反向动画配置基于预设的切入动画配置程序，与所述切入动画配置对应设定。


7.根据权利要求1至6中任一项所述的方法，其特征在于，所述页面路由监听程序可置于每个页面路由配置或者置于每个页面路由可访问的公共配置。

【专利技术属性】
技术研发人员：司云可，
申请(专利权)人：上海悦易网络信息技术有限公司，
类型：发明
国别省市：上海;31