uniapp如何请求接口（uniapp中uni.navigateTo传递变量）

//在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: test?id=1&name=uniapp }); // 在test.vue页面接受参数 export default { onLoad: function (option) { //option为object类型 
  
  
  
  
  
  
 ，会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面传递的参数              。 console.log(option.name); //打印出上个页面传递的参数
 
  
 
  
 
  
 
  
 
  
 
  
 
  。 } }

官方文档中这样描述 
  
  
  
  
  
  
 ，uni.navigateTo(OBJECT) | uni-app官网

注意：

页面跳转路径有层级限制

 


 


 


 


 


 


 
，不能无限制跳转新页面 跳转到 tabBar 页面只能使用 switchTab 跳转 路由API的目标页面必须是在pages.json里注册的vue页面













。如果想打开web url 
 
 
 
 
 
 
，在App平台可以使用 plus.runtime.openURL (opens new window)或web-view组件；H5平台使用 window.open；小程序平台使用web-view组件（url需在小程序的联网白名单中）  
  
  
  
  
  
  
。在hello uni-app中有个组件ulink.vue已对多端进行封装 
   
   
   
   
   
   
  ，可参考 
  
  
  
  
  
  
 。 APP-NVUE平台暂不支持以this.getOpenerEventChannel()方式获取eventChannel
 

 

 

 

 

 

 
，请换用this.$scope.eventChannel来获取
 

 

 

 

 

 

 
，具体方式请参考上述示例


 


 


 


 


 


 


 。

但是传递的id和name都是固定值              ，当需要传递当前页面的变量时 

 
 

 
 

 
 

 
 

 
 

 
 

 
，该如何操作













，经过尝试发现                     ，其实就是一个字符串拼接的问题 
 
 
 
 
 
 
。

data() { return { Value: , } } //在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url: test?Value=+Value }); // 在test.vue页面接受参数 export default { onLoad: function (option) { //option为object类型 
 
 
 
 
 
 
 
 
 
 
 
 
 
，会序列化上个页面传递的参数 console.log(option.Value); //打印出上个页面传递的参数  
   
   
   
   
   
   
 。 } }

binggo,问题解决！

威信搜索小程序：“检索助手              ”或者“法务手册
 
  
 
  
 
  
 
  
 
  
 
  
 
  ”




















，查看实际运行效果

 

 

 

 

 

 

 。