export default {
data () {
return {
isFixed: true
}
},
mounted () {
window.addEventListener('scroll', this.scroll, false)
},
destroyed () {
window.removeEventListener('scroll', this.scroll, false)
},
methods: {
scroll () {
if (document.body.scrollTop >= 280) {
this.isFixed = true
} else {
this.isFixed = false
}
}
}
}
經過vue生命週期的鉤子函數,綁定和取消滾動監聽事件,可避免滾動事件一直重複綁定,避免其餘組件綁定滾動事件