vue搭配animate4版本失效

搭配animate4失效了，那么算了，先用vant先把

<template><div><div><h3>动画过渡</h3><button @click="show = !show">切换</button></div><div class="one"><div><h3>插入图片并且设置动画过渡</h3><transitionenter-active-class="animate__rollIn"leave-active-class="animate__rollOut":duration="{ enter: 1500, leave: 1800 }"><img  v-if="show" :src="kkk" alt="" /></transition></div><div><h3>插入图片并且设置自定义的动画过渡</h3><transition enter-active-class="animate__rollIn"leave-active-class="animate__rollOut"><img v-if="show" :src="kkk" alt="" /></transition></div></div></div>
</template><script scoped>
// 导入图片路径
import kkk from "@/assets/like18.png";
// 导入完毕
// 导入css动画效果
// https://animate.style/#attention_seekers
import animate from "animate.css";
export default {name: "Animation",data() {return {show: false,//   导入图片的kkk: kkk,};},
};
</script><style scoped>
/* .one {display: flex;
} */
</style>

vue搭配animate4版本失效相关推荐

Vue Cli4 热更新失效，浏览器不会自动刷新内容
Vue Cli4 热更新失效在VScode中,需要保存文件后自动刷新浏览器的内容,否则还得手动刷新浏览器,给开发造成极大的不便.我们要在项目根目录下找到vue.config.js(若没有这个文件,则 ...
vue新版本和旧版本关闭eslint总结
一般创建vue项目时候,会遇见选择eslint,对于新手来说无疑是个麻烦,一不小心点了是一堆报错.这时候就要关了它. vue旧版本关闭eslint 指vue cli3以前版本找到build文件夹-& ...
资料：vue 3.0+版本发布
vue 3.0+版本发布官方文档:https://v3.cn.vuejs.org/
vue搭配element, el-input出现高频无法粘贴文本的情况
vue搭配element, el-input出现高频无法粘贴文本的情况,刷新下浏览器就又可以粘贴了,没有找到原因. 上网找了好久没有找到问题突破口,有大佬遇到了并解决了吗?
vue.esm.js版本引入DatePick时会报错
vue 使用es版本(vue.esm.js)引入element_ui DatePicker组件时点击DatePicker组件会报如下错误为什么要使用vue.esm.js版本的vue呢 vue脚手 ...
查看vue的版本命令，以及vue脚手架的版本命令
查看vue版本的命令: [ 害我找了半天!!! 谁不知道-version啊,一天天净发些没用的 ] npm list vue 脚手架版本命令,这个大家倒是都知道 vue -V 或者 vue --ve ...
vue的每个版本全局使用scss（vite)
vue的每个版本全局使用scss 我们在使用vue创建项目的时候第一步肯定就是把css预处理器先解决 ,这里我用的是sass,但是我在最初的时候引用sass报了很多错 ,在scdn上也找了很多方式, ...
vue 3.0 keep-alive 失效报错 Cannot read properties of null (reading ‘parentNode‘)
版本: vue "3.2.4" vue-loader "16.4.1" vue-router "4.0.11" <router-vie ...
vue 安装指定版本swiper_Vue中的runtime-only和runtime-compiler
在我们使用vue-cli的时候,会提示你安装的版本可以看到有两种版本:Routime Only和Runtime+ Compiler版本 1.Runtime Only - 代码中不可以有任何templ ...

vue搭配animate4版本失效

vue搭配animate4版本失效相关推荐

最新文章

热门文章