文章阅读

沉浸阅读完整内容

写文章

vue 页面传递参数和接收参数

正在统计阅读人数 正在统计字数
登录收藏0
字号 100%

方法一:query 浏览器地址传递参数(页面刷新参数依然保留)

传递参数

this.$router.push({
path:'/info', //路径名
query:v //接收的参数
})

接收参数

this.$route.query

方法二:params (页面刷新参数就销毁)

传递参数

this.$router.push({
    name:'info',//路径name名
    params:v,//参数,多个参数可以用 { v,v2}
})

接收参数

this.$route.params

方法三:动态参数(在路由地址上面添加一个变量)

path: '/index/:a'

传递参数

<router-link to="/index/abc">首页</router-link>

接收参数

this.$route.params

接收到的参数:abc

附图:

推荐阅读

4 篇精选
文章 / 112数组快速去重的方法 文章 / 113微信小程序的几个主要文件 文章 / 110微信小程序使用weui 文章 / 111微信小程序调用扫码API

发表评论

评论 0

还没有评论,欢迎留下第一条讨论。

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。