龙空技术网

vue 路由跳转router.push 传参

RemoveS 58

前言:

如今大家对“js页面跳转传参数”可能比较珍视,大家都需要学习一些“js页面跳转传参数”的相关资讯。那么小编同时在网络上汇集了一些有关“js页面跳转传参数””的相关文章,希望咱们能喜欢,看官们快快来学习一下吧!

一、使用params参数

//跳转打详情页toDetail: function() { this.$router.push({ name: 'detail', params: { type: 'detail' } })}
//detail.js//接收...mounted(){  let type = this.$route.params.type}..
二、使用query参数
//跳转打详情页...toDetail: function() {this.$router.push({ name: 'detail', query: { type: 'detail' } })}...
//detail.js//接收...mounted(){let type = this.$route.query.type}..
三、传params与query区别

URL路径不一样

query带查询参数,变成 /detail?type=detail,刷新页面参数不丢失。params在detail页面刷新页面时参数丢失。

如果提供了 path,params 会被忽略。query不受影响

// 这里的 params 不生效router.push({ path: '/detail', params: { type: 'detail' }}) // -> /detail//query不受影响router.push({ path: '/detail', query: { type: 'detail' }}) //->/detail?type=detail

标签: #js页面跳转传参数