Vue：vue项目npm安装animate.css后动画效果不起作用

原创

KaiSarH 2021-09-01 09:45:38 ©著作权

文章标签 css 新版本编程 文章分类 代码人生

©著作权归作者所有：来自51CTO博客作者KaiSarH的原创作品，请联系作者获取转载授权，否则将追究法律责任

原因：npm安装的animate.css与vue支持的版本不同，版本原因导致没有效果

直接使用npm install animate.css --save安装animate.css后，安装的animate版本是4.x版本，vue不支持最新版本的animate，因此需要安装低版本的animate。

解决：npm install animate.css@3.5 --save

安装低版本的animate，3.7的也可以。

上一篇：Vue：vue过渡、动画特效以及借助animate.css实现动画效果

下一篇：Vue：vue过滤器的使用、借助第三方库moment.js实现时间过滤器

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

详解在vue3中，如何使用animate.css中的过渡效果

annimate.css中有非常多炫酷好看的动画效果，开发过程中经常会遇到要给某个组件添加动画效果的需求，使用vue的transition组件其实非常容易实现，只需要几行代码就可以，下面我来详述一下步骤。一、安装animate.css库npm i animate.css -S二、main.js中引入animate.cssimport { createApp } from 'vue';import

vue animate.css
什么是Vue的过渡效果？如何使用Vue的过渡效果？

Vue的过渡效果是Vue.js框架中提供的一种动画效果，可以让元素在插入、更新或移除时拥有更流畅的视觉切换效果。使用Vue的过渡效果可以为页面增添动感和交互性，让用户体验更加友好。

过渡效果 Vue ci
SpringBoot使用JDFrame实现Stream流效果

SpringBoot使用JDFrame实现Stream流效果

SpringBoot JDFrame Stream
Jupyter 运行没效果

情况:刚安装Jupyter, 运行的时候都没有结果解决方案:因为, 我缺少: prompt-toolkit在存放jupyte处理的文件下, 运行Anacoda Prompt黑窗口: pip install --upgrade prompt-toolkit如果解决不了: 可以尝试:python -m ipykernel install --user其他实

python Stack 解决方案
Androidlistview setSelection 没效果

# 如何解决 Android ListView setSelection 不生效的问题在 Android 开发中，当你使用 `ListView` 并希望通过 `setSelection()` 方法设置选中项时，你可能会遇到此方法没有效果的情况。这通常与数据适配器和布局的状态有关。本文将为你详细解析这个问题，并提供解决方案。## 处理流程以下是解决 “Android ListView s

User 数据 Android
java hmset没效果

# Java hmset没效果在使用Java开发过程中，经常会遇到需要与Redis进行交互的场景。Redis是一种高性能的内存数据库，提供了丰富的数据结构和操作命令。其中，hmset命令用于同时设置多个hash类型的字段和值。然而，有时候我们会遇到hmset命令没有生效的情况，本文将探讨可能的原因和解决方法。## 1. 代码示例以下是一个使用Java代码向Redis中设置hash类型数

Redis 数据数据类型
iOS NSTimer没效果

# iOS NSTimer 没效果的解决方案在学习 iOS 开发的过程中，我们常常会用到 `NSTimer` 来安排一段时间后执行的代码。但有时，开发者会发现 `NSTimer` 并没有按预期工作。为了帮助小白开发者解决这个问题，下面将详细说明如何正确使用 `NSTimer`，以及每一步的具体实现。## NSTimer 使用流程下面是一个简单的流程表，描述了正确使用 `NSTimer`

iOS 运行循环开发者
java aspect没效果

# Java Aspect没效果的原因与解决办法在Java中，Aspect Oriented Programming (AOP) 是一种重要的编程范式，它允许开发者更好地分离关注点，尤其是在横切关注点的处理中，比如日志记录、事务管理等。如果你发现Java Aspect不起作用，可能是因为配置错误、切面逻辑问题或Spring上下文未正确加载等。本文将带你深入了解这些问题，并展示如何解决它们。

AOP Java ci
Android XCrash 没效果

# Android XCrash 无效排查指南## 引言在开发 Android 应用时，捕捉并处理应用崩溃是至关重要的。XCrash 是一个流行的开源库，用于捕获 Android 应用中的崩溃信息。然而，有时开发者会发现 XCrash 无法有效捕获崩溃信息。本篇文章将介绍一些常见的原因以及解决方案，并提供代码示例和流程图以便更好地理解和实操。### XCrash 的基本功能XCra

初始化自定义 Android
android hosts 没效果

# 如何在Android中设置和调试Hosts文件在Android开发中，有时候我们需要将某些域名重定向到特定的IP地址以便进行本地测试。Hosts文件的设置是一个常用的解决方案，如果你发现“Android Hosts没有效果”，可以参考以下步骤来解决问题。## 整体流程为了帮助你理解如何设置Hosts文件，下面是一个简单的步骤流程：| 步骤 | 描述 ||------|----

Android 重启 java
Java manifold没效果

# 深入理解Java中的Manifold插件在Java开发中，我们经常会遇到需要处理大量数据的情况，而Manifold插件可以帮助我们更高效地处理这些数据。然而，有时候我们可能会遇到Manifold插件没有效果的情况。本文将详细介绍Manifold插件的使用，以及可能出现问题的解决方法。## 什么是Manifold插件Manifold是一个Java插件，它提供了很多有用的功能，包括对J

JSON 数据 Java
刷新实体没效果

软件架构师何志丹p->recordGraphicsModified(); actrTransactionManager->queueForGraphicsFlush(); actrTransactionManager->flushGraphics(); acedUpdateDisplay();---可能原因，实体没关闭p->close()

软件架构师
Java assert没效果

# 解决Java assert没效果问题的方法## 问题描述在Java开发中，我们经常使用assert语句来进行断言，确保程序的正确性。但有时候我们发现assert语句并没有起作用，导致无法正常检查程序的逻辑。本文将介绍如何解决Java assert没效果的问题。## 解决方法步骤下面是解决Java assert没效果问题的步骤，我们将使用一个简单的示例来说明：| 步骤 | 描述

Java ide ci
android RotateAnimation 没效果

遇到“android RotateAnimation 没效果”时，可能会让人有些挫败。对于 Android 开发者来说，动画是提升用户体验的重要元素，如果动画没有效果，可能会影响整个应用的流畅性。以下我们将就此问题的解决过程进行详细的记录，并提供必要的备份策略、恢复流程、灾难场景、工具链集成、预防措施以及监控告警。这些结构将帮助我们更好地应对可能出现的问题。## 备份策略为了有效应对由于代

bash App mysql
unitypostprocess没效果

写在前面：本文章为个人学习笔记，方便以后自己复习，也希望能帮助到他人。由于本人水平有限难免出现错误，还请评论区指出，多多指教。部分图元和素材来源于网络，如有侵权请联系本人删除。参考资料与链接会在文章末尾贴出。=======================================================================1 Read Depth and Normals本

unitypostprocess没效果点积归一化线性插值
BaseMapper 没效果

BaseMapper接口API：Insert（添加）：/** * 插入一条记录 * * @param entity 实体对象 */ int insert(T entity);参数说明：类型参数名描述Tentity实体对象 Delete（删除）:/** * 根据 ID 删除 * * @param id 主键ID

BaseMapper 没效果 List System 封装
mysqldump没效果

Windows服务-- 启动MySQL net start mysql-- 创建Windows服务 sc create mysql binPath= mysqld_bin_path(注意：等号与值之间有空格)连接与断开服务器mysql -h 地址 -P 端口 -u 用户名 -p 密码SHOW PROCESSLIST -- 显示哪些线程正在运行SHOW VARIABLES -

mysqldump没效果字段表名字符串
sentinelresource注解使用后没效果

Spring的注解形式：@Repository、@Service、@Controller，它们分别对应存储层Bean，业务层Bean，和展示层Bean。 @Repository、@Service、@Controller 和 @Component 将类标识为Bean Spring 自 2.0 版本开始，陆续引入了一些注解用于简化 Spring 的开发。@Repository注解便属于最先引入的一批

Spring的学习笔记 Spring注解自定义数据访问 XML
Unity China HairFX 使用URP没效果

文章目录环境目的思路次表面散射原理背光背光强度扰动背光扩散Translucent shader 伪代码示例添加采样厚度图伪代码考虑上 shadow map 距离的伪代码多光源下的 SSSBRP 多光源效果URP 多光源效果SP 中贴图导出设置用途Project其他方式 - RampTexture Or LUTReferences 环境unity : 2018.2.11f1, 2020.3.1

unity 游戏引擎 d3 #include 伪代码
Post Processing没效果

下面一步步分析这两个函数的内部情况，先讨论 SendMessage。第一步，在DispatchMessage（Ln003）函数处下个断点，F5进行调试，当程序运行到断点后，查看 CallStack 窗口，可得如下结果： #003：MyProj.exe!wWinMain(HINSTANCE__ * hInstance=0x00400000, HINSTANCE__ * hPrevI

Post Processing没效果 c# user Line 消息处理
bios板载LpT端口开启

在 Windows Server 2003 中添加 LPT 端口概要本文说明如何在基于 Microsoft Windows Server 2003 的计算机中添加附加 LPT 端口。默认情况下，在 Windows Server 2003 中存在 3 个 LPT 可用端口，它们是 LPT1、LPT 2 和 LPT3。可以添加附加

bios板载LpT端口开启 windows server 服务器 internet
openvino gpu安装

一、公钥加密假设一下，我找了两个数字，一个是1，一个是2。我喜欢2这个数字，就保留起来，不告诉你们(私钥），然后我告诉大家，1是我的公钥。我有一个文件，不能让别人看，我就用1加密了。别人找到了这个文件，但是他不知道2就是解密的私钥啊，所以他解不开，只有我可以用数字2，就是我的私钥，来解密。这样我就可以保护数据了。我的好朋友x用我的公钥1加密了字符a，加密后成了b，放在网上。别人偷到了这

openvino gpu安装数据 php 数字签名
烧录imgbinmbn而浪费等镜像文件到指定分区

ADSP-21489在CCES下的烧写流程新建工程在“开始”下点击CCES软件，弹出如图所示界面。在“Workspace：”下输入需要开发工程的文件名称，点击“OK”按钮，进入CCES开发环境。新建一个工程文件。在CCES开发环境中，点击菜单栏中“File”->“new”->“CrossCore Project”，新建工程文件，在弹出的对话框中添加工程名称。流程如下。输入工程名称后，点

新建工程开发环境仿真器
lua open

ubuntu14.04安装配置FFmpeg＋opencv-3.1.0＋python 调用opencv模块这次因为写python时候要调opencv的函数，在ubuntu14.04安装了opencv，中间出现一个安装错误：/usr/bin/ld: /usr/local/lib/libavcodec.a(avpacket.o): relocation R_X86_64_32 against `.rod

lua open python ide ubuntu
bs架构和ssm哪一个简单

本套课程一共有四个组成部分：《Spring开发框架》、《MyBatis开发框架》、《Shiro开发框架》、《SSM综合项目——预约系统》，同时本课程讲解中采用了“Eclipse + Maven”的流行组合模式。具体的课程介绍如下。SSM即将成为现在以及以后的WEB开发新模式，并且将长期存在于我们的开发领域之中。SSM框架简介SSM指的是三个框架的简写，分别为：Spring、Shiro、MyBati

bs架构和ssm哪一个简单 java框架myba 开发框架后端开发框架整合

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯