介绍//,第一步:脚本中引入资源
import *, as animationData 得到“. ./资产/洛蒂/loading.json";//,第二步:使用组件
& lt; lottie :选项=癲efaultOptions",:身高=?00“,:宽度=?00“,v: animCreated=癶andleAnimation",/比;//,第三步:数据里面添加相应属性
数据(){
return {才能
,,,defaultOptions:, {, animationData: animationData },
,,,animationSpeed:, 1,
,,,动物:,{}
,,}
}//第四步:定义方法
方法:,{
handleAnimation才能:函数(动物),{
,,,this.anim =,动画;
,,,console.log(动物);,//这里可以看到,lottie 对象的全部属性
,,},
}
小编给大家分享一下怎样在vue里添加好看的洛蒂动画,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
import lottie 得到& # 39;vue-lottie& # 39;;
Vue.component(& # 39;洛蒂# 39;,,珞蒂)
当然你也可以局部引入~啊~
<强> 3。引入你的洛蒂资源
在文中顶部洛蒂资源网站可以下载相应的资源,下载下来的文件保存到项目的文件夹下
看完了这篇文章,相信你对“怎样在vue里添加好看的洛蒂动画”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
