I'm having trouble obtaining the window height when resizing, and I keep encountering the error
ReferenceError: calcOfSliderHeight is not definedCan someone explain what's happening? Here is my code:
let example = new Vue({
el: '#example',
data() {
return {
pageIndex: 2,
posTop: 0,
posTop2: 0,
}
},
methods: {
calcOfSliderHeight() {
let _this = this;
_this.posTop = (_this.pageIndex - 1) * window.innerHeight
},
calcOfSliderHeight2() {
let _this = this;
_this.posTop2 = (_this.pageIndex - 3) * window.innerHeight
},
},
mounted: function() {
let _this = this;
window.addEventListener('resize', function() {
_this.calcOfSliderHeight()
_this.calcOfSliderHeight2()
});
_this.posTop = _this.calcOfSliderHeight();
_this.posTop2 = _this.calcOfSliderHeight2();
}
});