前言:
如今大家对“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页面跳转传参数