码迷,mamicode.com
首页 > Web开发 > 详细

关于js-cookie使用出现兼容性问题以及js-cookie的如何使用

时间:2019-06-03 10:47:46      阅读:332      评论:0      收藏:0      [点我收藏+]

标签:java   meta   font   http   对象   打包   object   记录   字符   

最近使用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‘ } }

参考:

js-cookie 官方文档

关于js-cookie使用出现兼容性问题以及js-cookie的如何使用

标签:java   meta   font   http   对象   打包   object   记录   字符   

原文地址:https://www.cnblogs.com/lwming/p/10966204.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!