码迷,mamicode.com
首页 > 其他好文 > 详细

vue cookie

时间:2019-01-29 18:06:38      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:new   regexp   tst   func   date()   删除   turn   expired   ring   

使用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

标签:new   regexp   tst   func   date()   删除   turn   expired   ring   

原文地址:https://www.cnblogs.com/shifeng-/p/10333924.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!