Vue: Возможно ли добавлять meta-теги только на определенных страницах SPA?

Question

[movsumlu]

добрый день, столкнулся с такой задачей что на определенной странице (допустил на route: /new-order) SPA, нужно в будет добавить мета-тег , который будет запрещает индексирование страницы, четно не особо представляю как это можно сделать, есть идея только в index.html с помощью JS в зависимости от window.location.href добавлять / удалять тег

Answer 1

[Антон Антон]

Логичнее в хуках роутера это делать. Ну или в компонентах страниц при монтировании/изменении пропсов.

Comments

[movsumlu]

спасибо за наводку, решил сделать в таком формате:

created() {
    document
      .querySelector('meta[name~="robots"]')
      .setAttribute('content', 'noindex')
  },
  beforeDestroy() {
    document
      .querySelector('meta[name~="robots"]')
      .setAttribute('content', 'index,follow')
  },