vue路由之编程式导航

vue路由之编程式导航


之前学的导航是 router-link 映射路由,在写一个项目时出现了一些问题,必须要用新的导航来解决,于是上网找了一下,找到啦!
链接:https://www.cnblogs.com/wisewrong/p/6277262.html

编程式导航
使用 this.$router.push(location) 来修改 url,完成跳转
在这里插入图片描述
在这里插入图片描述
push 后面可以接字符串,也可以接对象,如下:


// 字符串
this.$router.push('/Welcome/Login')

// 对象
this.$router.push({ path: '/Welcome/Login' })

// 命名的路由
this.$router.push({ name: 'Welcome', params: { username: keep }})

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章