vue cookie

使用js-cookie依赖包

更多参考:https://www.npmjs.com/package/js-cookie

  1. 安装
  cnpm install js-cookie --save
  1. 使用
  import cookies from 'js-cookie'

  // 设置cookie
  cookies.set('name', 'value')
  cookies.set('name', 'value', { expires: days })

  // 获取cookie
  cookies.get('name')

  // 删除cookie
  cookies.remove('name')

自己封装cookie的操作方法

  1. 建立cookie.js
// 获取cookie
export function getCookie(key) {
  var arr = []
  var reg = new RegExp('(^| )' + key + '=([^;]*)(;|$)')
  arr = document.cookie.match(reg)
  if (arr) {
    return decodeURIComponent(arr[2])
  } else {
    return null
  }
}

// 设置cookie
export function setCookie(key, value, expiredays) {
  var expires = new Date()
  expires.setDate(expires.getDate() + expiredays)
  document.cookie =
    key +
    '=' +
    encodeURIComponent(value) +
    (expiredays ? ';expires=' + expires.toGMTString() : '')
}

// 删除cookie
export function delCookie(key) {
  var expires = new Date()
  expires.setTime(expires.getTime() - 1)
  var value = getCookie(key)
  if (value != null) {
    document.cookie = key + '=' + value + ';expires=' + expires.toGMTString()
  }
}
2. 使用
> ```
> import { getCookie, setCookie, delCookie } from './cookie.js'
> 
> setCookie(key, value, expiredays)
> getCookie(key)
> delCookie(key)
> ```
posted @ 2019-01-29 14:28  shifeng~  阅读(150)  评论(0编辑  收藏  举报