Триггерное событие только один раз в группе переходов

В статье Введение в Attached Behaviors в WPF реализуется связанное поведение с использованием только стиля, а также может быть связано или полезно.

Техника в «Введении к приложенным поведением» "статья избегает тегов интерактивности, используя стиль. Я не знаю, является ли это только потому, что это более датированная методика, или, если это еще приносит некоторые преимущества, когда в некоторых сценариях это следует предпочесть.

0
задан Jeffrey 12 March 2019 в 11:00
поделиться

1 ответ

Я нашел решение своей проблемы. Каждый раз, когда срабатывает событие @after-enter, я проверяю, совпадает ли индекс с размером списка appointment_. Когда результат правдив, настало время прокручивать!

Следить за текущим индексом:

<transition-group name="slide" @after-enter="afterEnter">
  <div
    v-for="(list, key, index) in appointments_"
    v-bind:key="key"
    v-bind:data-index="index"
  >
    <!-- Content -->
  </div>
</transition-group>

Код, который прокручивает компонент в поле зрения:

methods: {
  afterEnter(element) {
    if (this.appointments_.length === Number(element.dataset.index) + 1) {
      VueScrollTo.scrollTo(`#appointment_${this.selectedDate_}`, 500, { offset: -60 });
    }
  },
},
0
ответ дан Jeffrey 12 March 2019 в 11:00
поделиться
Другие вопросы по тегам:

Похожие вопросы: