Для имитации nuxt-link
через функцию в рамках Nuxt.js вы можете воспользоваться методом router.push()
. Этот метод позволяет программно переходить на другую страницу, аналогично тому, как это делает nuxt-link
. Вот пример:
<template> <button @click="navigateTo('/about')">Go to About</button> </template> <script> export default { methods: { navigateTo(route) { this.$router.push(route) } } } </script>
В данном примере кнопка Go to About
имеет обработчик события @click
, который вызывает функцию navigateTo
. Внутри этой функции мы используем this.$router.push(route)
, чтобы перейти на заданный маршрут, переданный в качестве аргумента.
Теперь, при клике на кнопку, произойдет переход на страницу /about
. Преимущество использования router.push()
заключается в том, что он может работать с динамическими маршрутами и принимать различные параметры, и при этом обновлять содержимое страницы.
Но имейте в виду, что при использовании router.push()
вы обходим механизм предзагрузки страниц, который обычно выполняется с использованием nuxt-link
. Если вам необходимо выполнить предзагрузку перед переходом на новую страницу, вам может потребоваться использовать другие методы и функции Nuxt.js.
Таким образом, использование router.push()
позволяет вам программно имитировать nuxt-link
и переходить на другие страницы, но при этом необходимо учесть особенности работы предзагрузки страниц в Nuxt.js.