首頁 > web前端 > uni-app > 主體

uniapp如何跳頁傳值

coldplay.xixi
發布: 2020-12-17 10:23:58
原創
5963 人瀏覽過

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

uniapp如何跳頁傳值

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

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

uniapp跳頁傳值的方法:

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

<navigator url='跳轉的地址'>… </navigator>

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

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!