标签:Cookies bar name value js cookie 兼容性问题
最近使用vue开发的项目,开发过程引入了js-cookie插件,在PC端以及移动端网页调试都没出现问题,但是打包成APP在安卓手机调试发现使用js-cookie保存的数据失效了,然后只能使用localStorage解决就OK了。
以下顺便记录下js-cookie的使用方法:
一、安装
npm install js-cookie --save
二、引用
import Cookies from 'js-cookie'
三、一般使用
1.存到Cookie去
// 创建一个在整个网站上有效的Cookie:
Cookies.set('name', 'value');
// 创建一个从现在起7天后过期的cookie,在整个站点上有效:
Cookies.set('name', 'value', { expires: 7 });
// 创建一个过期的cookie,对当前页面的路径有效:
Cookies.set('name', 'value', { expires: 7, path: '' });
2.在Cookie中取出
// 读取 cookie:
Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined
// 阅读所有可见的cookie:
Cookies.get(); // => { name: 'value' }
3.删除Cookies
// 删除 cookie:
Cookies.remove('name');
// 删除对当前页面的路径有效的cookie:
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' });
四、特殊使用(在Cookie中存对象)
跟一般使用不同的是,从Cookie中取出的时候,要从字符串转换成json格式:
//建立
Cookies.set('name', { foo: 'bar' });
//获取
Cookies.get('name'); // => '{"foo":"bar"}'
Cookies.get(); // => { name: '{"foo":"bar"}' } Cookies.getJSON('name'); // => { foo: 'bar' }
Cookies.getJSON(); // => { name: { foo: 'bar' } }
参考:
标签:Cookies,bar,name,value,js,cookie,兼容性问题 来源: https://www.cnblogs.com/lwming/p/10966204.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。