Почему событие @scroll у Vue не срабатывает? И как сделать, чтобы сработало?
Вот документ, root это область видимости Vue
<body>
<div id="root">
<div @scroll="hideHeader" class="all-wrapper">
<div class='header-sticky' :class="{'header-show': isShowHeader}">
<div class="logo">
new Vue({
el: root,
data:{
isAdvantageMore: false,
currentAdv: '',
isShowHeader: true
},
methods:{
openAdvantageMore(value){
this.isAdvantageMore = !this.isAdvantageMore;
this.currentAdv = value;
document.body.style.overflow = this.isAdvantageMore? "hidden" : "auto";
},
hideHeader(){
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
this.isShowHeader = scrollTop > 100 ? false : true;
console.log(this.isShowHeader);
}
}
});
