Vue.js. ссылки с href=“#anchor”, как заставить работать?

Question

[tenaro]

Проект на vue-cli2, подключен vue-router

ссылки приходят в контенте от сервера, по запросу, например a href="#block1"...
при клике по ним, вместо прокрутки до нужного блока, происходит перезагрузка страницы

- как сделать рабочими стандартные якоря в обычных ссылках?
- как сформировать из обычных ссылок router-link, чтобы не было перезагрузки страницы при клике?

Answer 1

[tenaro]

самое простое решение которое нашел - повесить @click на контейнер, в который грузится контент аяксом,
в этой функции, нативным js смотреть e.target, определять что это ссылка, ее хэш, и крутить до нужного блока

Answer 2

[Иван]

const el = this.$el.getElementsByClassName("block1")[0];
        if (el) {
          el.scrollIntoView({ behavior: "smooth", alignToTop: true });
        }