vue页面如何传递参数

前端之家收集整理的这篇文章主要介绍了vue页面如何传递参数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue页面如何传递参数

this.$router.push()

// 例子A=》B
A:有两个方法

// 带查询参数,变成 /about?name=kaim,可以理解为GET请求
this.$router.push({ path: 'about',query: { name: 'kaim' }})

// 命名的路由,传参不会带进url,可以理解为POST请求
this.$router.push({ name: 'about',params: { name: 'kaim' }})

B:
console.log(this.$route.params.name)
console.log(this.$route.query.name) // 打印 kaim

sessionStorage缓存

// 例子A=》B
A:sessionStorage.setItem('name','kaim')

B:console.log(sessionStorage.getItem('name')) // 打印 kaim

原文链接:https://www.f2er.com/note/413525.html

猜你在找的程序笔记相关文章