uniapp路由中传递参数的方式有哪些?
分类:网络文章
时间:2024-02-20 01:32
浏览:0
评论:0
在uniapp中,路由参数的传递方式有以下几种:
查询参数:通过在url中添加查询参数,如
/pages/home/ home?param1=value1¶m2=value2
,可以在目标页面通过this.$route.query
获取参数。params参数传递:通过在url中添加路径参数,如
/pages/home/home/param1/param2
,目标页面可以通过this.$route.params
获取参数。通过props传递参数:在路由配置中使用
props: true
,然后在目标页面通过props接收参数。例如://路由配置{ 路径 span >: '/pages/home/home', 名称: 组件:主页,道具:true}
pre><模板> <div>{{ param1 }}div >模板><脚本>导出 默认 { 道具: { param1: 字符串 }}脚本>
EventBus参数传递:使用事件总线触发源页面上的事件以及传递参数,接收目标页面的事件并获取参数。例如:
//源页面中这个.$eventBus.$emit('eventName', param);
//在目标页面中这个 span>.$eventBus.$on('eventName', (param) => { //处理参数});
Vuex参数传递:使用全局状态管理在源页面通过Vuex存储参数,在目标页面通过Vuex获取参数。
以上是uniapp中常用的路由参数传递方式。你可以选择e 根据具体场景选择合适的方法。
1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 网络文章 > uniapp路由中传递参数的方式有哪些?
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 网络文章 > uniapp路由中传递参数的方式有哪些?