vue中使用官网的animate.css

vue中使用官网的animate.css第一步cmd中安装$ npm install animate.css --save第二步main.js中导入import animate from “animate.css”;第三步，在需要的地方使用下方代码一定要加animate__animated类<transition name="custom-classes-transition" enter-

小蔡来了

931人浏览 · 2021-03-21 17:17:09

小蔡来了 · 2021-03-21 17:17:09 发布

vue中使用官网的animate.css

第一步
cmd中安装
$ npm install animate.css --save

第二步
main.js中导入
import animate from “animate.css”;

第三步，在需要的地方使用下方代码
一定要加animate__animated类

    <transition name="custom-classes-transition" enter-active-class="animate__animated animate__backInDown" leave-active-class="animate__animated
     animate__swing">
      <p v-if="show">学的不仅是技术，更是梦想！！！</p>
    </transition>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^