微信小程序頁面跳轉并傳值

????????最近要公司要開發(fā)一個微信小程序,對于一個開發(fā)android開發(fā)的我,不得不去學習一下,查看相關文檔。每走一步就是一個坑,如果會H5開發(fā),那應該很快就上手吧。

? ? ? ? 目前就是要實現list中item點擊,并傳遞url字符串到webView(2017.11月才公布API,不過目前只有兩條屬性),查了好多文檔,看別人的寫的可能有點亂,所以在這記錄一下。

????????這里我是使用的for循環(huán)來遍歷列表,記得要綁定數據,對這個item進行事件綁定,

方法一:定義id(為后面獲取數據做準備)。<view bindtag='clickNew' id={{item.contentUrl}}></view>,這里的contentUrl是我要傳遞的url字符串(解析數據中的一個字段),接著便是在js文件中處理點擊事件和數據處理。

wx.setStorageSync(key,value)是用來存數據的,相同key會覆蓋,event.currentTarget.id可以得到當前組件的id(前面是將item.contentUrl定義為id),然后就是頁面跳轉。跳轉后的頁面,在onLoad方法中獲取這個臨時存儲的數據, var contentUrl = wx.getStorageSync('contentUrl');

方法二:通過在item上定義 data-url='{{item.contentUrl}}'來傳值,數據還是跟方法一一樣,然后我們通過???????????? var data = e.currentTarget.dataset;來獲取當前item上數據集,并通過data.的方式來獲取剛才定義下標對應的值,跳轉時在尾部跟上要傳遞的數據,這里我是傳遞的url,即?url=

在跳轉后,我們要獲取到數據,通過var data = options.url;即:

目前只研究了這兩中獲取數據的方式,微信小白,大神勿噴

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容