首页 > 其他分享 >vue2获取cookie/删除cookie/设置cookie

vue2获取cookie/删除cookie/设置cookie

时间:2023-11-08 20:00:36浏览次数:39  
标签:username Cookies 删除 获取 Cookie vue2 cookie

起因,访问不同路由跳到首页/ 需登录账号

demo

<template>
  <div>
    <button @click="setCookie">设置Cookie</button>
    <button @click="getCookie">获取Cookie</button>
    <button @click="deleteCookie">删除Cookie</button>
  </div>
</template>

<script>
import Cookies from 'js-cookie';

export default {
  methods: {
    setCookie() {
      // 设置cookie,使用js-cookie库
      Cookies.set('username', 'John Doe', { expires: 7 }); // 设置名为 'username' 的cookie,有效期为7天
    },
    getCookie() {
      // 获取cookie的值
      const username = Cookies.get('username'); // 获取名为 'username' 的cookie的值
      if (username) {
        console.log(`Username: ${username}`);
      } else {
        console.log('Cookie不存在');
      }
    },
    deleteCookie() {
      // 删除cookie
      Cookies.remove('username'); // 删除名为 'username' 的cookie
    },
  },
};
</script>

标签:username,Cookies,删除,获取,Cookie,vue2,cookie
From: https://www.cnblogs.com/code3/p/17818168.html

相关文章

  • 用友U8删除账套,备份数据说明
    一、问题用友U8系统管理备份的数据,提示输出成功。检查有bak和lst文件,但还原的时候报错二、说明删除数据之前,执行相应账套数据库dbcc检查,检查是否存在问题如果存在问题,和使用方确认数据是否是完全不要,签订书面文件存档,防止扯皮如果数据要备份做备查,数据进行修复,修复完成后,执......
  • 在bat中使用forfiles遍历文件,示例:删除N天之前文件
    Windows定时删除N天之前文件(最新推荐)复制一下内容,粘贴至delete.bat文件中。脚本说明:“D:\test”为文件删除路径。-7为7天之前forfiles/p"D:\test"/s/m*.*/d-7/c"cmd/cdel@path":pause在任务管计划中创建执行脚本的计划,定时执行就好了,这里就不演示了,可以查看......
  • Oracle 恢复删除数据的方法
    误删oracle数据库中的数据,在不考虑全库备份和利用归档日志情况,怎样快速恢复数据呢?下面介绍3种方法。1.利用oracle提供的闪回方法进行数据恢复,适用于delete删除方式首先获取删除数据的时间点:select*fromv$sqlwheresql_textlike'%table_name%';SELECT*FROMv$sqlWH......
  • vue2 - require is not defined
    vue.config.js文件中module.exports=defineConfig({transpileDependencies:['require'],...将transpileDependencies属性值改未false或者['require']时即可。虽然不太清除具体原理但是问题解决了,如果有大佬知道希望评论解答一下,谢谢。......
  • 创建一个Cookie缓存,进行接口防抖
    1.新创建一个Cookie缓存 Name:SavePInformationHttpCookienewCookie=newHttpCookie("request");newCookie["SavePInformation"]=DateTime.Now.ToString("yyyy-MM-ddHH:mm:ss");newCookie.Expires=DateTime.Now.AddDays(1);Response.Co......
  • 2023-11-07 如何删除navicat 注册表
    注:我只删掉了Registration12XCS,其它没有删,我怕给pc整崩了。1.win+r打开运行窗口并输入regedit: 2.找到路径:计算机\HKEY_CURRENT_USER\SOFTWARE\PremiumSoft\NavicatPremium\Registration12XCS 删除Registration12XCS,如果有Update也一并删除,3.再开路径:计算机\HKEY_CURREN......
  • oracle 删除表空间错误 提示:ora-02429:无法删除用于强制唯一/
    sql>droptablespacezfxfzb;ora-01549:表空间非空,请使用INCLUDINGCONTENTS选项sql>droptablespacezfxfzbINCLUDINGCONTENTSanddatafiles;ora-00604:递归sql层1出现错误。ora-02429:无法删除用于强制唯一/主键的索引。sql>droptablespacezfxfzbinclud......
  • Oracle 创建和删除维
    --createsalestableCREATETABLEsales(trans_dateDATE,cust_idINT,sales_amountNUMBER);--insertsalerowsINSERT/*+APPEND*/INTOSALESSELECTTRUNC(SYSDATE,'year')+MOD(ROWNUM,366)TRANS_DATE,MOD(ROWNUM,......
  • vscode快捷输入vue2,vue3,模板
    { //Placeyoursnippetsforvuehere.Eachsnippetisdefinedunderasnippetnameandhasaprefix,bodyand //description.Theprefixiswhatisusedtotriggerthesnippetandthebodywillbeexpandedandinserted.Possiblevariablesare: //$1,......
  • wsl wangEdit 的使用与注意事项( vue2 版本)
    注:vue2版本的nodeJs版本有限制,要是16或者17;1.安装wangEditoryarnadd@wangeditor/editor@wangeditor/editor-for-vue 2.使用示例<template><divstyle="border:1pxsolid#ccc;"><!--工具栏--><Toolbarstyl......