Element輸入框帶歷史查詢記錄的實(shí)現(xiàn)示例

 querySearch(queryString, cb) {
  return JSON.parse(localStorage.getItem('srcOrderNoArr'))
 },

 /**
 * 建議列表
 */
querySearch(queryString, cb) {
 // 調(diào)用 callback 返回建議列表的數(shù)據(jù)
 cb(JSON.parse(localStorage.getItem('srcOrderNoArr')))
}

data () {
  return {
    srcOrderNoArr: [{
      value: '', // 這個必須要有
      type: ''
    },
    {
      value: '',
      type: ''
    },
    {
      value: '',
      type: ''
    }]
  }
}
methods: {
  /**
   * 把搜索記錄存入localStorage
   */
  setIntoStorage (type) {
   let self = this
   let noArr = [], // 訂單號歷史記錄數(shù)組
    text = '', value = ''
   switch (type) {
    case 'srcOrderNo':
     text = 'srcOrderNoArr'
     value = self.srcOrderNo
     break
    case 'jobOrderNo':
     text = 'jobOrderNoArr'
     value = self.jobOrderNo
     break
    case 'cntNo':
     text = 'cntNoArr'
     value = self.cntNo
     break
    default:
     break
   }
   noArr.push({value: value, type: type})
   if(JSON.parse(localStorage.getItem(text))) { // 判斷是否已有xxx查詢記錄的localStorage
    if(localStorage.getItem(text).indexOf(value) > -1 ) { // 判斷是否已有此條查詢記錄，若已存在，則不需再存儲
     return
    }
    if(JSON.parse(localStorage.getItem(text)).length >= 5) {
     let arr = JSON.parse(localStorage.getItem(text))
     arr.pop()
     localStorage.setItem(text, JSON.stringify(arr))
    }
    localStorage.setItem(text, JSON.stringify(noArr.concat(JSON.parse(localStorage.getItem(text)))))
   }
   else { // 首次創(chuàng)建
    localStorage.setItem(text, JSON.stringify(noArr))
   }
  }
}