vue 路由之间传值 (编程式导航)
来源:互联网 发布:为什么淘宝网打不开 编辑:程序博客网 时间:2024/06/05 10:34
//params形式:参数不显示在地址栏
this.$router.push({ name: 'details', params: { userId: this.num }}) //'details'是路由名;'userId'是传入的参数
//获取
console.log(this.$route.params.userId);
//query形式:参数显示在地址栏
this.$router.push({ path: 'details', query: { userId: this.num }})
//获取
console.log(this.$route.query.userId);
//params 形式取 path:’/login’
//query 形式取 name:’登录’
如图:
官网地址:编程式导航:https://router.vuejs.org/zh-cn/essentials/navigation.html
阅读全文
0 0
- vue 路由之间传值 (编程式导航)
- vue编程式导航
- vue-router菜鸟进阶!(动态路由匹配VS编程式导航)
- vue-router -- 编程式路由
- Vue-Router(三) 编程式导航
- Vue之vue-router的编程式导航
- vue-router中参数传递 && 编程式导航 && 坑 && beforeRouteEnter
- vue-router中参数传递 + 编程式导航 + beforeRouteEnter
- 编程式路由和命名式路由
- VueRouter2.0的编程式导航
- Spring编程式事务管理(xml注入)
- Spring 事务(编程式,声明式)
- 16、vue.js 之路由传值
- vue 路由传值 query 和 params
- vue路由传参
- vue路由(转载)
- vue路由(带参传值)
- VUE组件之间传值
- 手机号归属地查询接口
- 一些常用css属性
- LeetCode 121. Best Time to Buy and Sell Stock
- epoll中accept的使用细节
- LintCode 379:Reorder array to construct the minimum number
- vue 路由之间传值 (编程式导航)
- PostgreSQL数据库从入门到精通
- DB2错误及解决方法
- 获取当前时间赋给data-
- json: java生成json数据示例
- 敏捷测试流程
- 死锁
- ZeroMemory、memset 和 “={0}” 三者用于清零操作的区别
- C 语言如何进行环境设置