uniapp如何實現跳頁回傳數據

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

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

推薦（免費）：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:'opportunity-form?id='+id     //需要跳转的页面路径，使用问号进行id的传值，然后再拼接一个要传入的id//对象传参方式 url:'../../pages/disabled/subsidie?listObj=' + 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('传过来的id值为：' + options.id);
let that = this
uni.request({
url:`${this.$serverUrl}/opportunity/${this.id}/`,
header:{
'Authorization': this.uerInfo.token
},
success(res){
console.log(res)
that.opportunity = res.data;
}
})
}对象传参报错解决方案

相關免費學習推薦：程式設計影片

以上是uniapp如何實現跳頁回傳數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！