Я использую vuejs2 с codeigniter.
Я добавил следующее в HTML
<header id="test_header">
my nav menu
</header>
В отдельном файле scripts.js
script.js
new Vue({
el: '#test_header',
data:function(){
return{
}
},
methods:{
handleScroll(){
console.log("on scroll");
},
listenScroll(){
window.addEventListener("scroll", this.handleScroll);
}
},
mounted() {
this.listenScroll();
},
destroyed () {
window.removeEventListener('scroll', this.handleScroll);
}
});
Я пытаюсь прослушать событие прокрутки, но функция выполняется только один раз. То есть console.log («on scroll») выполняется только во время монтирования, но функция никогда не выполняется, когда страница прокручивается
Я включил файлы javascript в html в следующем порядке
<html>
<body>
<script src="vuejs.js"> //includes vuejs frameworks
<script src="script.js"> ///includes above code
</body>
</html>
Чего мне не хватает?