uniapp跳轉頁傳值的方法:先給點擊事件傳入id;然後Methods中寫方法,程式碼為【uni.navigateTo({url:'opportunity-form?id=' id}) 】;最後在詳情頁接收參數。
本教學操作環境: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:'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; } }) }
#相關免費學習推薦:php程式設計(影片)
以上是uniapp如何跳頁傳值的詳細內容。更多資訊請關注PHP中文網其他相關文章!