首頁  >  文章  >  web前端  >  uniapp如何跳頁傳值

uniapp如何跳頁傳值

coldplay.xixi
coldplay.xixi原創
2020-12-16 15:36:105986瀏覽

uniapp跳轉頁傳值的方法:先給點擊事件傳入id;然後Methods中寫方法,程式碼為【uni.navigateTo({url:'opportunity-form?id=' id}) 】;最後在詳情頁接收參數。

uniapp如何跳頁傳值

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教學

uniapp跳頁傳值的方法:

#首先介紹最原始的跳轉方法,類似html中的a 標籤,不過在uniapp中需要將a 標籤換成

6d16efff65b6c1fcc19c69afb64e5c2e… 9a67f2adf02d82de7f8f0475590779aa

下面我們來重點介紹下跳轉傳值的方法

1、給點擊事件傳入id

<view @tap="toOpportnity(item.id)">转商机</view>;

2、Methods中寫方法

toOpportnity(id){
uni.navigateTo({        //点击跳转的方法
url:&#39;opportunity-form?id=&#39;+id     //需要跳转的页面路径,使用问号进行id的传值,然后再拼接一个要传入的id//对象传参方式 url:&#39;../../pages/disabled/subsidie?listObj=&#39; + encodeURIComponent(JSON.stringify(obj))
})
}

3、詳情頁接收參數

写一个onLoad函数
onLoad(options){    //传入的参数名称,可自行修改
// console.log(options);    查看传入的id值
 
对象传参的接收方法
//this.leadobj(上个页面传过来的对象名称,即?后面的那个名称) = JSON.parse(decodeURIComponent(options.leadobj));   
}

單一參數的接收,這裡使用id來進行介紹

首先要把傳遞過來的id進行賦值

請求接口,接口的url位址後面要加上傳遞過來的id【/${this.id}/】

完整步驟如下:

onLoad(options){
this.id = options.id;
console.log(&#39;传过来的id值为:&#39; + options.id);
let that = this
uni.request({
url:`${this.$serverUrl}/opportunity/${this.id}/`,
header:{
&#39;Authorization&#39;: this.uerInfo.token
},
success(res){
console.log(res)
that.opportunity = res.data;
}
})
}

相關免費學習推薦:php程式設計(影片)

#

以上是uniapp如何跳頁傳值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn