vue cookie

• Z时代
• 2024-01-10
• 分类：综合

使用js-cookie依赖包

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

1. 安装

  cnpm install js-cookie --save

2. 使用

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

以上是 vue cookie 的全部内容， 来源链接： utcz.com/z/376059.html