小程序 - 本地存儲

 經過collected來判斷!html

 

 1 var newsData = require('../../data/newsdata.js');  2 
 3 Page({  4 
 5   /**  6  * 頁面的初始數據  7    */
 8  data: {  9   
10  }, 11 
12   /** 13  * 生命週期函數--監聽頁面加載 14    */
15   onLoad: function (options) { 16     // 頁面初始化options傳遞帶過來的參數
17     this.setData(newsData.initData[options.newsid]); 18     this.setData({ 19  newsid:options.newsid 20  }); 21     // 第一次進入的適合判斷是否存在本地存儲以及是否收藏
22     var newsCollect =wx.getStorageSync('newsCollect'); 23     // 若是newsCollect存在,則表明之前收藏過或者是之前取消過收藏
24     if(newsCollect){ 25       var newCollect = newsCollect[options.newsid]; 26       this.setData({ 27  collected:newCollect 28  }) 29     }else{ 30       // 第一次進入,根本不存在數據
31       var newsCollect = {}; 32       // 我把當前惟一id扔到newsCollect對象中,而後默認指定false
33       newsCollect[options.newsid]=false; 34       // 扔到本地存儲中
35       wx.setStorageSync('newsCollect', newsCollect); 36  } 37  }, 38 
39   collectTap:function(event){ 40     // 獲取全部(注意,這是全部數據的集合)
41     var newsCollect = wx.getStorageSync('newsCollect'); 42     // console.log(this.data.newsid);
43     // 獲取單個(請求到onLoad裏面不一樣生命週期的options.newsid)
44     var newCollect = newsCollect[this.data.newsid]; 45  console.log(newCollect); 46 
47     // 點擊時收藏則爲不收藏,不收藏則爲收藏
48     newCollect = !newCollect; 49 
50     // 更新到本地存儲中
51     newsCollect[this.data.newsid] = newCollect; 52     wx.setStorageSync('newsCollect', newsCollect); 53     
54     // 不知道視圖怎麼改變
55     this.setData({ 56       collected: newsCollect[this.data.newsid] 57  }); 58  } 59 })

 

1.本地存儲有如下,咱們怎麼保證咱們獲得的就是咱們須要的ID呢?函數

直接打印出來確定是undefined!(每一個元素都有惟一的一個數據newsidui

 

2.不在一個function函數以內,咱們怎麼傳值呢?this

經過setData進行傳值以及更改spa

詳情請查看:http://www.javashuo.com/article/p-adqjvxqs-g.htmlcode

相關文章
相關標籤/搜索