цель v-scroll не имеет scrollTop

Question

Я создаю приложение с использованием Vuetify, в котором компания lo go должна быть слишком большой и немного свисать с нижней части панели приложения. Панель приложения имеет поведение скрытия при прокрутке, поэтому я должен скрывать lo go, когда панель скрывается (то есть, когда пользователь прокручивает вниз). Итак, я реализовал это так:

<template>
  <v-app>
    <v-app-bar app>
      <v-img v-show="scrollPosition <= 2" src="/company/logo.png"></v-img>
    </v-app-bar>

    <v-content>
      <router-view v-scroll="onScroll"></router-view>
    </v-content>
  </v-app>
</template>

<script>
export default {
  data () {
    return { scrollPosition: 0 }
  },

  methods: {
    onScroll (e) {
      this.$data.scrollPosition = e.target.scrollTop
      // console.log(e)
    }
  }
}
</script>

Проблема в том, что e.target.scrollTop всегда undefined. Регистрация содержимого e.target показывает, что у него действительно нет свойства scrollTop.

Как решить эту проблему?