Saltar al contenido

Cómo redirigir de una página a otra página en Vue RouterMar, 5thIn este tutorial, vamos a aprender acerca de cómo redirigir de una página a …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo redirigir de una página a otra página en el enrutador Vue.js.

Por ejemplo, tenemos contacto página en su ruta es / contacto, si tenemos que redirigir desde / contacto con nosotros al contacto /, tenemos que añadir un nuevo objeto con dos propiedades redirigen y la ruta a nuestro arsenal rutas.

import Vue from "vue";
import VueRouter from "vue-router";
import App from "./App.vue";
import Home from "./components/Home.vue";
import Contact from "./components/Contact.vue";

Vue.use(VueRouter);

const router = new VueRouter({
mode: "history",
routes: [
{
path: "/",
component: Home
},
{
path: "/contact",
component: Contact
},
{ path: "/contact-us", redirect: "/contact" } ]
})

new Vue({
router,
render: h => h(App)
}).$mount("#app");

Ahora, si un usuario visita / contacto con nosotros páginas que él o ella será redirigido a / contacto páginas medios

Aliasing

Aliasing si un usuario visita / contacto con nosotros páginas, los restos de URL / contacto-nosotros, pero el usuario verá / página de contacto en lugar de redireccionamiento.

const router = new VueRouter({
mode: "history",
routes: [
{
path: "/",
component: Home
},
{
path: "/contact",
component: Contact,
alias:'/contact-us'
},

]
})