2019-02-21使用JS控制vue样式过渡
先来看一下结果:
文章图片
shadow.gif 1,这里使用了jquery,在index界面引入就行了,因为那是页面的入口;
todo - 锐客网
![shadow.gif](https://upload-images.jianshu.io/upload_images/14707256-e4ba86086ee6e827.gif?imageMogr2/auto-orient/strip)
2,创建,引入,并编写组件代码:
因为transition标签有一些内置的方法(用法和绑定click点击事件差不多):
文章图片
事件
文章图片
用法 这是我的绑定,名字设为相同,方便知道是啥玩意;
文章图片
template中的代码 (关闭css是为了避免CSS中有其他选项影响效果) 然后编写JS和CSS; 算了,我全部一起贴出来吧:
【2019-02-21使用JS控制vue样式过渡】我有一头小毛驴
.box{
position:absolute;
top:0px;
left:500px;
}
.aa{
height: 100px;
background-color: greenyellow;
}
推荐阅读
- 由浅入深理解AOP
- 【译】20个更有效地使用谷歌搜索的技巧
- mybatisplus如何在xml的连表查询中使用queryWrapper
- MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决
- MybatisPlus使用queryWrapper如何实现复杂查询
- iOS中的Block
- Linux下面如何查看tomcat已经使用多少线程
- 使用composer自动加载类文件
- android|android studio中ndk的使用
- 使用协程爬取网页,计算网页数据大小