vue+SuperSlide 实现自动刷新滚动

最新推荐文章于 2024-08-05 08:00:00 发布

飞天灵狐

最新推荐文章于 2024-08-05 08:00:00 发布

阅读量6.1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/zyb_china/article/details/78069451

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

其实很简单，加载完数据后，初始化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);
          })