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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。