当前位置: 首页 > 编程笔记 >

vue中设置、获取、删除cookie的方法

宇文灿
2023-03-14
本文向大家介绍vue中设置、获取、删除cookie的方法,包括了vue中设置、获取、删除cookie的方法的使用技巧和注意事项,需要的朋友参考一下

1、在src目录下的access下新建一个cookie.js,

内容如下:

export function setCookie(c_name,value,expire) {
 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)
}

2、在main.js中引入并且将cookie设置成vue的全局变量

3、这样,在登录或退出等页面上就可以调用$cookieStore这个全局变量来使用

// 将用户名存进cookie,第三个参数60为秒,意味着一分钟后cookie自动消失。一天为 86400 s
 this.$cookieStore.setCookie( 'username' ,this.username,60);

以上这篇vue中设置、获取、删除cookie的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍javascript实现设置、获取和删除Cookie的方法,包括了javascript实现设置、获取和删除Cookie的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现设置、获取和删除Cookie的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JavaScript设置、获取、清除单值和多值cookie的方法,包括了JavaScript设置、获取、清除单值和多值cookie的方法的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了。 具体代码如下:  以上代码就是本文给大家介绍JavaScript设置、获取、清除单值和多值cookie的方法,有哪里不清楚的地方欢迎给我留言。

  • 问题内容: 我试图根据我在HTML中选择的CSS文件来设置Cookie。我有一个带有选项列表的表单,以及不同的CSS文件作为值。当我选择一个文件时,应将其保存到Cookie大约一周。下次打开HTML文件时,它应该是您选择的上一个文件。 JavaScript代码: HTML代码: 问题答案: 我发现以下代码比其他任何代码都简单得多: 现在,调用函数

  • 本文向大家介绍javascript设置和获取cookie的方法实例详解,包括了javascript设置和获取cookie的方法实例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript设置和获取cookie的方法。分享给大家供大家参考,具体如下: 1. 设置cookie 2. 获取cookie 例子: 注意: 由于google Chrome浏览器为了安全只支持online

  • 本文向大家介绍JS设置cookie、读取cookie,包括了JS设置cookie、读取cookie的使用技巧和注意事项,需要的朋友参考一下 JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。 而cookie是运行在客户端的,所以可以用JS来设置cookie。 js设置cookie方法汇总: 第一种: 第二种: 第三个例子 注意:

  • 本文向大家介绍javascript cookie用法基础教程(概念,设置,读取及删除),包括了javascript cookie用法基础教程(概念,设置,读取及删除)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript cookie用法。分享给大家供大家参考,具体如下: 一、什么是 cookie? cookie 就是页面用来保存信息,比如自动登录、记住用户名等等。 二、co