uniapp跳转方式,uniapp页面返回传参

  uniapp跳转方式,uniapp页面返回传参

  Uniapp实现了从跳转页面返回数据的方法:首先传入点击事件的ID;然后用代码[uni . navigate to({ URL: opportunity-form?id= id })】;最后,在细节页面上接收参数。

  UNI-APP开发(仿饿)开发课程:进入学习

  本教程运行环境:windows7系统,Uni-App版本2.5.1,DELL G3电脑。这个方法适用于所有品牌的电脑。

  推荐(免费):uni-app开发教程

  uniapp实现跳转页面回传数据的方法:

  首先介绍最原始的跳转方法,类似于html中的A标签,但是在uniapp中,需要将A标签改为navigator url=跳转地址……/navigator

  下面重点讲一下通过跳转传递值的方法。

  1.将id传递给click事件。

  view @ tap= to opportunity(item . id)转商机/查看;2.方法中的写作方法

  机会(id){

  Uni.navigateTo({ //单击方法跳转。

  url:机会-形式?Id= id //对于需要跳转的页面路径,用问号传入Id值,然后拼接一个id传入。//对象的传递方法URL:././pages/disabled/subseidie?list obj= encodeURIComponent(JSON . stringify(obj))

  })

  }3.详细信息页面接收参数

  写一个onLoad函数。

  OnLoad(options){ //传入的参数名称可以自行修改。

  //console.log(选项);检查传入的id值对象参数的接收方法。

  //this.leadobj(从上一页传递过来的对象名,即?后面的名字)=JSON . parse(DecoderiComponent(options . leadobj));

  }单个参数的接收,这里使用id引入

  首先,分配传递的id。

  请求接口。接口的url地址后面应该跟有传递的ID [/$ {this.id}/]

  完整的步骤如下:

  加载(选项){

  this . id=options . id;

  Console.log(传递的id值为: options . id );

  让那个=这个

  uni.request({

  url:`${this。$ server URL }/opportunity/$ { this . id }/`,

  标题:{

  授权:this.uerInfo.token

  },

  成功(res){

  console.log(res)

  that . opportunity=RES . data;

  }

  })

  }对象引用报错解决方案相关的免费学习推荐:编程视频

  以上是uniapp如何实现跳转页面数据返回的详细内容。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: