分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

vue 中 直接操作 cookie ?及 如何使用工具 js-cookie

发布时间:2023-09-06 01:54责任编辑:熊小新关键词:js

vue 中直接操作 cookie

以下3种操作方式

set: function (name, value, days) { ???var d = new Date; ???d.setTime(d.getTime() + 24*60*60*1000*days); ???window.document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();},get: function (name) { ???var v = window.document.cookie.match(‘(^|;) ?‘ + name + ‘=([^;]*)(;|$)‘); ???return v ? v[2] : null;},delete: function (name) { ???this.set(name, ‘‘, -1);}

使用 js-cookie 工具:(比较方便,推荐使用)

工具地址:https://www.npmjs.com/package/js-cookie

//安装 cnpm i js-cookie
//引入
import Cookies from ‘js-cookie‘

    //使用
    

具体使用见以下:

Basic UsageCreate a cookie, valid across the entire site:Cookies.set(‘name‘, ‘value‘);Create a cookie that expires 7 days from now, valid across the entire site:Cookies.set(‘name‘, ‘value‘, { expires: 7 });Create an expiring cookie, valid to the path of the current page:Cookies.set(‘name‘, ‘value‘, { expires: 7, path: ‘‘ });Read cookie:Cookies.get(‘name‘); // => ‘value‘Cookies.get(‘nothing‘); // => undefinedRead all visible cookies:Cookies.get(); // => { name: ‘value‘ }Delete cookie:Cookies.remove(‘name‘);Delete a cookie valid to the path of the current page:Cookies.set(‘name‘, ‘value‘, { path: ‘‘ });Cookies.remove(‘name‘); // fail!Cookies.remove(‘name‘, { path: ‘‘ }); // removed!IMPORTANT! when deleting a cookie, you must pass the exact same path and domain attributes that was used to set the cookie, unless you‘re relying on the default attributes.Note: Removing unexisting cookie does not raise any exception nor return any value

vue 中 直接操作 cookie ?及 如何使用工具 js-cookie

原文地址:https://www.cnblogs.com/xiangsj/p/9030648.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved