如何在vue中添加好看的洛蒂动画

介绍洛蒂库(。)

把洛蒂引入vue非常非常简单

1.安装vue-lottie包

npm安装-保存vue-lottie

2.在全球范围内介绍vue-lottie

在main.js中引入并注册全局组件

从“vue-lottie”导入Lottie；Vue。搭档('洛蒂'，洛蒂)当然也可以本地介绍~ o ~啦

3.介绍你的洛蒂资源

文章顶部，洛蒂资源网站可以下载相应的资源，下载的文件保存在项目的文件夹中

//第一步：将资源导入*作为动画数据引入./assets/彩票/loading.json '到脚本中；//第二步：使用组件Lottie : Options=' Default Options ' : Height=' 200 ' : Width=' 200 ' V-on : Anim Created=' Handle Animation '///第三步：将相应的属性数据()添加到数据中{ return { Default Options : { Animation data 3:动画数据}，动画速度3360 ^ 1，Anim 3: } }//第四步：定义方法： { handle animationanim=animconsole . log(anim)；//这里可以看到洛蒂对象的所有属性。}最后，粘贴vue-lottie作者的github地址。

武-洛蒂

摘要

以上是边肖介绍的一个不错的洛蒂动画。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！