vue本地保存历史搜索记录功能

最新推荐文章于 2024-09-15 13:16:12 发布

Ajaxguan

最新推荐文章于 2024-09-15 13:16:12 发布

阅读量7.6k

点赞数 2

分类专栏：一些功能方法

本文链接：https://blog.csdn.net/Ajaxguan/article/details/83036681

版权

一些功能方法专栏收录该内容

15 篇文章 0 订阅

订阅专栏

    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))
    }