1. 程式人生 > >vue本地儲存歷史搜尋記錄功能

vue本地儲存歷史搜尋記錄功能

    SearchVal (val) {
      val = val.trim() // 清除空格
      if (this.HistoryList.length > 0) { // 有資料的話 判斷
        if (this.HistoryList.indexOf(val) !== -1) { // 有相同的,先刪除 再新增 
          this.HistoryList.splice(this.HistoryList.indexOf(val), 1)
          this.HistoryList.unshift(val)
        } else { // 沒有相同的 新增
          this.HistoryList.unshift(val)
        }
      } else { // 沒有資料 新增
        this.HistoryList.unshift(val)
      }
      if (this.HistoryList.length > 6) { // 保留六個值
        this.HistoryList.pop()
      }
      localStorage.setItem('HistoryList', JSON.stringify(this.HistoryList))
    }