Как перейти к другому .html-страница в Vue.JS

Как перейти к другому .html-страница в Vue.JS

16.06.2020 09:46:59 Просмотров 1 Источник

Привет, ребята, я пытаюсь нажать кнопку в своем Vue.js-страница на другую .html-страница, которая существует в моей общей папке. Поэтому я использую этот способ

      <button @click="window.location='public/test.html'">See Results</button>

Однако я получаю ошибку, которая говорит:

"Свойство или метод "окно" не определяется на экземпляре, но ссылается на него во время рендеринга"

Как перейти на другую страницу в Vue?js?

У вопроса есть решение - Посмотреть?

Ответы - Как перейти к другому .html-страница в Vue.JS / How to navigate to a different .html page in Vue.js

Nikolay Yankov

16.06.2020 10:14:06

Вы можете попробовать вызвать метод @click="navigateToTestHtml" и поместить в него свой код

methods: {
   navigateToTestHtml() {
      window.location='public/test.html'
   }
}

Однако, поскольку Vue - это одностраничное приложение, я думаю, что было бы лучше создать еще одну страницу и добавить для нее маршрутизацию. Документы Маршрутизации Вю

Aaron Angle

17.06.2020 02:31:23

Я бы рекомендовал использовать Vue-маршрутизатор, если вы делаете спа-подход. Это предотвратит обновление вашей страницы, когда вы перейдете на другую страницу, и это будет намного быстрее. Но если вы не хотите этого делать, вы можете просто использовать якорный тег для управления навигацией за вас.

 <a href="/test.html">
 <button>See Results</button>
 </a>

Allen Liu

17.06.2020 06:33:24

Вы не можете записать "окно" в тег кнопки, потому что окно не определено.Я предлагаю, что можно записать в "методы", например:

methods: {
  goToHtml() {
    window.location = 'public/test.html';
  }
}

Но, если вы используете vue.js, я рекомендую вам использовать vue-маршрутизатор. Одна страница переходит на другую страницу, например:

methods: {
  goToPage() {
    this.$router.push('/another/page');
  }
}

использование навигации Vue-маршрутизатора

Закрыть X