微信小程序 頁面間的兩種帶參跳轉方法

微信小程序中,頁面間的跳轉一般用的是寫在js文件中的wx:navigeteTo方法。有時候,我們在跳轉時需要帶上參數,這個參數一般是寫在這個方法的url中的。
首先是wx:navigateTo方法的格式:

let url = '...';
    wx.navigateTo({ url });

這裏navigetTo的參數必須要是一個對象,不然會報錯,也就是一定要帶上這個大括號。
然後是第一種帶參方法(一定會成功的):

 let url = "/pages/chatWindow/chatWindow?sender="+app.globalData.username+"&getter="+e.markerId;
 wx.navigateTo({ url });

使用字符串拼接的方式在中間以問號引導參數,這裏一共傳了兩個參數,sender和getter。
第二種帶參方法(個人試的時候有時會失敗,原因暫不清楚):

bindInput() {
    let { latitude, longitude, city } = this.data;
    let url = `/pages/inputtip/inputtip?city=${city}&lonlat=${longitude},${latitude}`;
    wx.navigateTo({ url });
  },

這裏的bindInput()是整個方法體,把參數設置成對象,然後用中間的方法寫url。
兩個需要注意的地方:兩邊的引號必須是代碼段裏的這個符號,不是鍵盤打出來的英文單引號(不知道爲什麼……)還有${…}引導的對象。
這兩種傳參方式個人還是推薦第一種。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章