失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue同一页面动态路由切换animate.css动画不重新加载的问题

vue同一页面动态路由切换animate.css动画不重新加载的问题

时间:2021-04-15 11:23:05

相关推荐

vue同一页面动态路由切换animate.css动画不重新加载的问题

1、需要在updated生命周期里再重新创建wow示例

updated() {new this.$wow.WOW().init({//新建实列boxClass: 'wow',//class名字animateClass: 'animate__animated',//animateclass动画库类名,和当前animate动画库决定offset: 0,//到元素距离触发动画(当默认为0)mobile: true,//在移动设备上触发动画(默认为true)live: true//对异步加载的内容进行操作(默认为true)})},

2、公用的每个标签上加上动态的key值,使得虚拟dom重新加载真实dom

如果觉得《vue同一页面动态路由切换animate.css动画不重新加载的问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。