vue+SuperSlide 实现 自动刷新滚动
2017-09-23 10:56
465 查看
其实很简单,加载完数据后,初始化SuperSlide,vue有个监听函数$watch,当监听的值,发生变化时,会触发回调函数,唯一值得注意也是写此博文的目的是SuperSlide只需要初始化一次,如果不加flags就是每次定时取数据就会初始化一次,直接导致实现不了想要的效果var indexVue = new Vue({ready: function () {this.queryStudentInfo();},var flags = true;indexVue.$watch('studentinfolist', function (val) {//等dom元素渲染结束后执行this.$nextTick(function () {if (flags) {jQuery(".jiang").slide({ mainCell: ".jiangList", autoPlay: true, effect: "topLoop", vis: 3, Loop: true, mouseOverStop: false });flags = false;}});});
$(document).ready(function () {setInterval(function () {leftVue.queryStudentInfo();//10s请求一次数据}, 10000);})
相关文章推荐
- vue实现动态添加数据滚动条自动滚动到底部
- Android实现刷新后自动滚动底部最后一项
- vue使用mint-ui实现下拉刷新和无限滚动的示例代码
- vue实现动态添加数据滚动条自动滚动到底部的示例代码
- JQuery实现页面刷新滚动条自动滚动到特定位置
- Java:Swing篇,实现JList、JTextArea的自动滚动,实时刷新功能
- Vue 爬坑之路(七)—— 监听滚动事件 实现动态锚点
- 实现SwipeRefreshLayout首次进入自动刷新
- Scroll text - JS实现文字自动循环滚动效果
- 字幕实现自动滚动效果 marqueemar
- HTML窗体内容自动向下滚动,JAVASCRIPT实现窗体内容向下滚动。
- WebStorm + JetBrains IDE Support 实现自动刷新功能
- Android 滑动侧边栏(Sliding Menu)第一种实现 - 2 手动滚动+自动滚动 + 事件处理
- 不用JAVA就能实现文字自动滚动
- ASP.NET页面刷新:自动刷新页面的实现方法总结:
- Android 文字自动滚动(跑马灯)效果的两种实现方法
- 网页自动刷新的实现
- vue实现手机号码抽奖上下滚动动画示例
- Android ContentObserver实现截图后自动刷新相册(图库)的功能
- 使用gulp和browserSync实现页面自动刷新