vue使用cookie vue 操作cookie js写法 vue使用cookie获取添加删除

创建js文件夹,新建js文件

export function setCookie(c_name, value, expire) {
  if (expire == undefined || expire == null) {
  //如果没有设置时间则默认三天
    expire = 60 * 60 * 24 * 3
  }
  var date = new Date()
  date.setSeconds(date.getSeconds() + expire)//过期时间等于当前时间加上 传入的参数的时间
  document.cookie = c_name + "=" + escape(value) + "; expires=" + date.toGMTString()
  //console.log(document.cookie)
}

export function getCookie(c_name) {
  if (document.cookie.length > 0) {
    let c_start = document.cookie.indexOf(c_name + "=")
    if (c_start != -1) {
      c_start = c_start + c_name.length + 1
      let c_end = document.cookie.indexOf(";", c_start)
      if (c_end == -1) c_end = document.cookie.length
      return unescape(document.cookie.substring(c_start, c_end))
    }
  }
  return ""
}

export function delCookie(c_name) {
  setCookie(c_name, "", -1)
}

在main.js

import { setCookie, getCookie, delCookie } from './js/cookie'
Vue.prototype.$cookieStore = { setCookie, getCookie, delCookie }

使用的时候

let model = encodeURIComponent(res.data.model.pcToken);

this.$cookieStore.setCookie("pcToken", model, 60); //存入用户名，设置有效时间60秒