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

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>


组件切换回来后

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


Vue的生命周期提供的钩子ready试试
生命周期图示
生命周期钩子


使用<router-view keep-alive></router-view>搞定。
详细请查看https://github.com/vuejs/vue-router/issu...


现在碰到这个问题了 ,请问楼主解决了吗?

【热门文章】
【热门文章】