微信小程序數據傳遞方式


1、在一個頁面上的數據從視圖層傳遞到邏輯層,可以用標簽的data-xx屬性的形式設置某一個值,再在邏輯層中用currentTarget.dataset.xx取出來。(鑒於currentTargettarget的區別,只對事件綁定了的元素的某一屬性取值)

2、邏輯層到視圖層的數據傳遞,用

this.setData({ nameInWXML : nameInJS })

把在js某一方法取到的值賦給一個新的參數,這個新的參數的名字存在js文件的data:{ }中,且可以在wxml頁面用{{ nameInWXML }}來獲取到。

3、兩個不同js頁面之間的傳值:這里以wx.navigateTo為跳轉方式,具體視情況而定。

傳遞:

wx.navigateTo({ 
    url:"../index/index?id=" + this.data.name }) 

這里將存在頁面data中的name,以id的命名傳給index頁面。

接收:在接收頁面index的onLoad方法中,

onLoad: function(options){ console.log(options.id); }

  就可以直接拿到傳遞過來的名為id的參數。

4、不同頁面傳多個參數:用 "+" 將兩個值相連即可。

wx.navigateTo({ 
    url:"../index/index?id=" + this.data.name + "&sex=" + this.data.sex  })

  這樣就將id = this.data.name、sex = this.data.sex這兩個值傳給了index頁面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM