如何在vue项目中使用cookie的方法
让后直接使用其get和set方法就好和localstorage和sessionStorage的用法一样,在忘本存的时候需要, JSON.stringify()转成字符串格式进行存储,取的时候也一样,使用JSON.parse()方法进行转换。
·
1、可以使用js自己封装,不过有写复杂,我们可以直接使用vue的插件,方便快捷:
npm install --save js-cookie
安装好之后,重启项目,让后在需要的地方直接引入:
import Cookies from 'js-cookie'
让后直接使用其get和set方法就好和localstorage和sessionStorage的用法一样,在忘本存的时候需要, JSON.stringify()转成字符串格式进行存储,取的时候也一样,使用JSON.parse()方法进行转换。
const obj = { name:'ryan'}
Cookies.set('user', JSON.stringify(obj));
console.log(JSON.parse(Cookies.get('user')));
const open_id=JSON.parse(Cookies.get('user')).name;
console.log(open_id);
结果如下:
更多推荐
已为社区贡献1条内容
所有评论(0)