Я работаю над меню гамбургеров. Но у меня ошибка. Это дает следующий
ReferenceError: окно не определено. Ошибка в созданном разделе.
<script>
export default {
name: "navigation",
data() {
return {
scrollPosition: null,
mobile: null,
mobileNav: null,
windowWidth: null,
};
},
created() {
window.addEventListener("resize", this.checkScreen);
this.checkScreen();
},
methods: {
toggleMobileNav() {
this.mobileNav = !this.mobileNav;
},
checkScreen() {
this.windowWidth = window.innerWidth;
if (this.windowWidth <= 750) {
this.mobile = true;
return;
}
this.mobile = false;
this.mobileNav = false;
return;
},
},
};
</script>
🤔 А знаете ли вы, что...
JavaScript позволяет создавать мобильные приложения для iOS и Android с использованием фреймворков, таких как React Native и NativeScript.
Как объяснено здесь: https://stackoverflow.com/a/67751550/8816585
window
здесь не определено, потому что ваш код работает как на стороне клиента, так и на стороне сервера. Но window
недоступен на стороне сервера.
Проверьте решение для получения дополнительной информации или используйте mounted
, если вы спешите.