最近开发PC官网,使用了wow.js的动画插件,下面是使用过程中遇到的问题。网上有很多介绍方法:通过npm安装:npminstallwowjs--save-devanimate.css会自动安装。在main.js中引入animate.css,然后在项目中使用。我把它做成一个方法,放在methods里面内容有效:true,});哇.init();},如果页面的所有内容都是静态的,那么直接在mounted中调用即可。但是我的网站很多内容都是ajax请求返回的,所以不能这么写。Home().then((response)=>{console.log(response.data,"Home");if(response.data.ReturnCode==0){if(response.data.Data){vardata=response.data.Data;this.ListBanner=data[0].ListBanner;//this.ListNews=data[0].ListNews;this.ListPhysician=data[0].ListPhysician;this.$nextTick(()=>{this.wowFun();});//console.log(this.ListNews);//newWOW().init();}}});我这边动画生效的方式是请求数据成功后,放到this.$nextTick中调用。将类“wowfadeInUp”添加到相应的html。更多动画参考:wow.js官网。,只需删除高度。以上是我在vue中使用wow.js遇到的一些问题,希望对需要的人有所帮助。
