开发环境
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
试试生命周期图示
生命周期钩子