vue中使用js-cookie

野性酷女 2023-01-08 02:21 268阅读 0赞

下载：

  1. npm install js-cookie --save

引入

  1. import Cookies from 'js-cookie'

存储数据

  1. // 在整个项目有效
  2. Cookies.set('name', 'value');
  4. // 创建一个7天后过期的cookie，在整个项目上有效:
  5. Cookies.set('name', 'value', {  expires: 7 });
  7. // 创建过期cookie，对当前页的路径有效:
  8. Cookies.set('name', 'value', {  expires: 7, path: '' });

取数据

  1. // 读取:
  2. Cookies.get('name'); // => 'value'
  3. Cookies.get('nothing'); // => undefined
  5. // 读取所有可见的Cookie
  6. Cookies.get(); // => { name: 'value' }

删除

  1. // 删除:
  2. Cookies.remove('name');
  4. // 删除对当前页路径有效的cookie:
  5. Cookies.set('name', 'value', {  path: '' });
  6. Cookies.remove('name'); // fail!
  7. Cookies.remove('name', {  path: '' }); // removed!
  9. //取对象
  10. //从Cookie中取出的时候，要从字符串转换成json格式
  11. const user = { 
  12.   name: 'lia',
  13.   age: 18
  14. }
  15. Cookies.set('user', user)
  16. const liaUser = JSON.parse(Cookies.get('user'))

发表评论

表情：
评论列表 （有 0 条评论，268人围观）

还没有评论，来说两句吧...

相关阅读