文章阅读

沉浸阅读完整内容

写文章

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 篇精选
文章 / 160React组件使用lazy懒加载提升效率 文章 / 159React配置二级路由 文章 / 157React如何进行路由跳转 文章 / 158React使用Design的TabBar进行二级路由出口显示

发表评论

评论 0

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

分享精彩,传递价值

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

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

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--
本月获得--积分
正在读取