В статье Введение в Attached Behaviors в WPF реализуется связанное поведение с использованием только стиля, а также может быть связано или полезно.
Техника в «Введении к приложенным поведением» "статья избегает тегов интерактивности, используя стиль. Я не знаю, является ли это только потому, что это более датированная методика, или, если это еще приносит некоторые преимущества, когда в некоторых сценариях это следует предпочесть.
Я нашел решение своей проблемы. Каждый раз, когда срабатывает событие @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 });
}
},
},