Vue+Vue-Router,组件切换后jquery和jquery的自定义滚动条失效。

开发环境

Vue+Vue-loader+Vue-Router+Jquery+perfect scroll/jquery

问题

因为项目需要,必须引进jquery和perfect scroll/jquery这两个组件。在使用vue-router时候,载入首页时可以完成dom操作的,但是使用vue-router进入另外一个组件,切换回来时。perfect scroll/jquery和jquery控制部分就会失效。
这是引用perfect scroll这个插件的代码,需要直接控制dom.
scroll.vue的源代码

<script>
    var $ = require('jquery');
    require('perfect-scrollbar/jquery')($);
    require('../../../../lib/perfect-scrollbar.min.css');

    $(".view-danamic").perfectScrollbar(
        {
            wheelSpeed:7,
        }
    );
    $(".notice").perfectScrollbar();
</script>

qq 20151205183355
组件切换回来后
qq 20151205183418

切换回来时候无论在vue组件或者router的哪个生命周期中添加对scroll.vue的引用,都不起作用了。

阅读 8k
3 个回答
新手上路,请多包涵
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题