uniapp 頁面跳轉傳值和接收

 

大江東去，浪淘盡，千古風流人物。故壘西邊，人道是，三國周郎赤壁。亂石穿空，驚濤拍岸，捲起千堆雪。江山如畫，一時多少豪傑。遙想公瑾當年，小喬初嫁了，雄姿英發。羽扇綸巾，談笑間，檣櫓灰飛煙滅。故國神遊，多情應笑我，早生華髮。人生如夢，一尊還酹江月。--來自奔跑的panda部落，panda天天與您一塊兒進步       

首先介紹最原始的跳轉方法，相似於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
})
}

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;
}
})
}