作者:钟爱gyt_201 | 来源:互联网 | 2020-08-28 17:04
这次给大家带来vue实现图片滚动效果,vue实现图片滚动效果的注意事项有哪些,下面就是实战案例,一起来看一下。
上次写了一个简单的图片轮播,这个相当于在上面的一些改进。这个组件除了可以进行图片滚动外,也可以嵌入任何内容的标签进行滚动,里面用了slot进行封装。
父:
-----使用子组件传过来的值,封装slot
{{props.item.title}}
子组件:
这个组件相对来说功能比较完整,用户可以通过传参来控制当前页面需要显示几张图片,图片滚动时间间隔,是否显示左右点击按钮等等,详细参数可以查看props,里面都有注释。
相信看了本文案例你已经掌握了方法,更多精彩请关注 第一PHP社区 其它相关文章!
推荐阅读:
web端的应用实现后退强制刷新
Vue.directive的自定义指令详解
以上就是vue实现图片滚动效果的详细内容,更多请关注 第一PHP社区 其它相关文章!