小程序學習筆記【二】

詳情頁--頁面傳值問題

場景:新聞列表或是商品列表的下級詳情頁,需要共用同一個詳情模板的情況;

需求:需要獲取到上級頁面的列表商品(新聞)內容的值;

1.在頁面級文件夾下 創建詳情頁面文件夾

2.編輯好詳情頁面的視圖層

3.在詳情頁js文件中,引入獲取newsdata.js中的數據

最上面是引入newsdata.js,接着在onLoad鉤子函數中獲取到newsdata數據的每條id

4.在上級列表頁面設計點擊跳轉至詳情頁

同時獲取到每條數據的id

5.在上級列表的js文件裏配置跳轉

event.currentTarget.dataset.newsid 如何獲取到每條id

如何跳轉至每條id的數據詳情頁面

6.在數據詳情頁面通過插值表達式綁定數組中的數據即可

【點擊上級列表也即可跳轉至對應詳情頁】