vue实现跳转路由
2024-10-21 04:05:45
参考vue官方文档:https://router.vuejs.org/zh/guide/essentials/navigation.html
// 字符串
router.push('home') // 对象
router.push({ path: 'home' }) // 命名的路由
router.push({ name: 'user', params: { userId: '123' }}) // 带查询参数,变成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})
methods: {
gotodescribe(e,index){
this.$router.push({
// path: `/viewmessage/${this.names[index]}`,
// 使用下列方法方法跳转路由,就不会出现点击tab后再次跳转的bug
name: 'viewmessage',
params: { name: this.names[index] } })
// alert(this.names[index])
// alert(index)
}
},
最新文章
- [BZOJ4197][Noi2015]寿司晚宴
- 初学Python之os模块
- Yii2 使用Composer
- 深入理解计算机系统第二版习题解答CSAPP 2.19
- [wikioi]数字三角形
- iOS 原生二维码扫描(可限制扫描区域)
- HDU-4787 GRE Words Revenge 解题报告
- 201521123099 《Java程序设计》第13周学习总结
- MySQL8.0 on Windows下重置root密码的BUG
- c4b和c4f的区别
- 关于Boost在工程下的配置
- Spring Boot (一): Spring Boot starter自定义
- 转:vue+element实现树形组件
- SpringBoot 使用RedisTemplate操作Redis
- (转)MVC一个页面多个submit
- nginx 执行理解
- STL概论
- Selenium库的使用
- DFS--障碍在指定时间会消失
- Best Time to Buy and Sell Stock IV