![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
godkzz
多多益善
展开
-
animate.css旧版失效、Vue搭配新版animate.css实现动画效果
一、安装 在vue脚手架目录下cmd运行 npm install animate.css --save 在main.js下全局引入并挂载 import animated from 'animate.css' Vue.use(animated) 二、使用 在需要实现动画效果的组件上加上类名,用法类似于Bootstrap <span class="animate__animated animate__zoomIn">test</span> 更改动画类型 bou原创 2021-12-13 17:14:38 · 392 阅读 · 0 评论 -
VUE的6种事件修饰符
一、修饰符 1、prevent:阻止默认事件(常用) 2、stop:阻止事件冒泡(常用) 3、once:事件只触发一次(常用) 4、capture:使用事件的捕获模式 5、self:只有event.target是当前操作的元素才触发事件 6、passive:事件的默认行为立即执行,无需等待事件回避执行完毕 二、用法 以prevent举例,点击A链接不会跳转页面 <div id="root"> <a href="www.baidu.com" @click.preven原创 2021-08-13 12:19:16 · 5779 阅读 · 0 评论