问题:引入第三方库animate.css,但是只能实现bounceIn和bounceOut的动画效果,其他的库中的效果(如wobble)无法实现。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Animation</title>
<link rel="stylesheet" href="animate.min.css">
</head>
<body>
<div id="app">
<input type="button" value="toggle" @click="flag=!flag">
<!-- animation valid-->
<!-- <transition enter-active-class="animate__bounceIn" leave-active-class="animate__bounceOut":duration="2000"> -->
<!-- 以下的动画语句无效 -->
<transition enter-active-class="animate__wobbleIn" leave-active-class="animate__wobbleOut">
<h1 v-if="flag" >这是一个H1标题</h1>
</transition>
</div>
<script src="vue.js"></script>
<script>
var app = new Vue({
el:"#app",
data:{
flag:true
}
})
</script>
</body>
</html>
解决方案:暂无。希望各位大佬能来指教。