VueJS 2.0 Поиск ввода вызывает проблемы с прокруткой при первой загрузке домашней страницы

У меня проблема с этим проектом, который я разрабатываю, тогда как этот фрагмент блока вызывает загрузку позиции прокрутки на первой странице в том месте, где она находится.

Итак, я разделил мою домашнюю страницу на 6 блоков

        BlockOne
        BlockTwo
        BlockThree
        BlockFour
        BlockFive
        BlockSix

Принимая во внимание, что я поставил "поисковый ввод" в BlockTwo

Это приводит к тому, что позиция прокрутки при первой загрузке помещает окно в то место, где расположен блок.

      <input
        ref="search"
        id="search"
        v-model="search"
        @input="makeSearch"
        class="search-panel-input"
        :placeholder="$t('Type what you are looking for...')"
        type="text"
        autofocus="false"
      >

Глядя на слушателей событий в DevTools я вижу

        UserCapture: false
        passive: true
        once: false

я думаю passive:true Вот почему он вызывает прокрутку вниз к блоку, но не уверен, как это исправить, так как это блок ввода, и у меня нет никаких скриптов для него в файле.vue, поэтому он идет откуда-то еще.

Мое быстрое исправление мошенничества заключалось в размещении дубликата того же блока в верхней части BlockOne, так что теперь это просто временное исправление, так как оно не отображается на веб-интерфейсе, и оно задает домашнюю страницу там, где я хочу, но все же это не так. решение, которое я хочу сделать в других проектах, где я работаю со своими клиентами, потому что, очевидно, оно совсем не выгодно.

Спасибо за любую помощь здесь!

0 ответов

Другие вопросы по тегам