Доброго вечера. Когда curtain равен true, то секция рендериться. На этой же секции навешан refs, который срабатывает чтобы снова скрыть секцию, путем вызова функции в хуке update. Когда curtain снова true, то cекция не рендериться.
Подозреваю что хук работает не правильно.
Ошибка:
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'addEventListener')
at Proxy.updated (CarList.vue?9e02:22)
<template>
<section v-if='curtain' ref='scroll'>
</section>
</template>
<script>
import {mapGetters, mapMutations} from 'vuex';
export default {
name: 'CarList',
data () {
return {
}
},
updated() {
this.$refs.scroll.addEventListener('wheel', this.fadeOut);
},
methods: {
...mapMutations(['curtainFalse']),
fadeOut(e) {
if (e.deltaY < -5 && window.scrollY == 0) {
this.curtainFalse();
this.changeBackFalse();
}
console.log(this.curtain);
}
},
computed: {
...mapGetters(['curtain']),
}
}
</script>
Средний
