vue.js - 一加上vue对象，onscroll事件就不响应了，为何？

问题描述

问 题

代码如下：

<script type="text/javascript">
var ttt = document.querySelector(".nav_side");
ttt.onscroll = function() {
    console.log(ttt.scrollTop);
};

var vm = new Vue({
  el: '#app',
  mounted: function() {}
});
</script>

问题是，当一定义vm对象时，上面的onscroll事件就不能输出了。删除后面的vm定义，onscroll事件就能输出了。
另外，如果把事件放到mounted里面，也是可以的。
这是什么原因？

解决方案

把这个.nav_side元素从 #app 元素中拿开就行了

如果你非要放到 #app中 那就得放到 mounted里面，因为那是vue管辖的范围内

这篇关于vue.js - 一加上vue对象，onscroll事件就不响应了，为何？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！