加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > C语言 > 正文

vue页面如何传递参数

发布时间:2020-12-15 03:29:50 所属栏目:C语言 来源:网络整理
导读:vue页面如何传递参数 this.$router.push() // 例子A=》BA:有两个方法 // 带查询参数,变成 /about?name=kaim,可以理解为GET请求 this.$router.push({ path: 'about',query: { name: 'kaim' }}) // 命名的路由,传参不会带进url,可以理解为POST请求 this.$

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读