Обновить выбранный элемент в окне навигации vuetify при прокрутке по вертикали - PullRequest
Новая
       6

Обновить выбранный элемент в окне навигации vuetify при прокрутке по вертикали

0 голосов
/ 06 января 2020

Я реализовал навигационный ящик в Vuetify, который прокручивает в направлении якоря на той же странице. Когда я нажимаю на якорь, он выбирается, и это прекрасно работает. Однако теперь я хочу обновить выбранный элемент в блоке навигации, как только пользователь прокрутит другие разделы. 

      <v-navigation-drawer
          app
          clipped
  >
    <v-list shaped>
      <v-list-item-group v-model="item" color="primary" selectedItem=0>

      <v-list-item
              v-for="section in sections"
              :key="section.title"
              @click="$vuetify.goTo(section.id, 0, 0)"
              >
        <v-list-item-icon>
          <v-icon>{{ section.icon }}</v-icon>
        </v-list-item-icon>

        <v-list-item-content>
          <v-list-item-title v-text="section.title"></v-list-item-title>
        </v-list-item-content>
      </v-list-item>
      </v-list-item-group>
    </v-list>
  </v-navigation-drawer>

Я просмотрел документацию и похоже, что я могу использовать Intersection наблюдатель ( https://vuetifyjs.com/directives/intersect) для этого, но я не знаю, как связать его с элементом v-list-item.

У вас есть подсказка, как это связать?

Приветствия

...