uniapp路由中传递参数的方式有哪些?

分类:网络文章 时间:2024-02-20 01:32 浏览:0 评论:0
0

在uniapp中,路由参数的传递方式有以下几种:

  1. 查询参数:通过在url中添加查询参数,如/pages/home/ home?param1=value1¶m2=value2,可以在目标页面通过this.$route.query获取参数。

  2. params参数传递:通过在url中添加路径参数,如/pages/home/home/param1/param2,目标页面可以通过 this.$route.params 获取参数。

  3. 通过props传递参数:在路由配置中使用props: true,然后在目标页面通过props接收参数。例如:

    //路由配置{ 路径: '/pages/home/home', 名称: 组件主页道具true}
    <模板> <div>{{ param1 }}div >模板><脚本>导出 默认 { 道具: { param1: 字符串 }}脚本> 
  4. EventBus参数传递:使用事件总线触发源页面上的事件以及传递参数,接收目标页面的事件并获取参数。例如:

    //源页面中这个.$eventBus.$emit('eventName', param); 
    //在目标页面中这个.$eventBus.$on('eventName', (param) => { //处理参数}); 
  5. Vuex参数传递:使用全局状态管理在源页面通过Vuex存储参数,在目标页面通过Vuex获取参数。

以上是uniapp中常用的路由参数传递方式。你可以选择e 根据具体场景选择合适的方法。

1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 网络文章 > uniapp路由中传递参数的方式有哪些?

用户评论