Vue 常见错误 ReferenceError: Cookies is not defined

  1.JS-Cookie错误原因：

        错误是出在被那些复制粘贴的文章误导而直接使用Cookies.set('key', 'value')，

1.  
   //1.写入Cookie
2.  
   Cookies.set('name', 'value')
3.  
   Cookies.set('name', 'value', { expires: 7 })
4.  
   Cookies.set('name', 'value', { expires: 7, path: '' })
5.  
   //2.读取Cookie
6.  
   Cookies.get('name');
7.  
   Cookies.get() //获取全部cookie
8.  
    

他们在引入时是这样写的

1.全局引入

1.  
   // main.js
2.  
   import jsCookie from 'js-cookie'
3.  
   Vue.prototype.$cookie = jsCookie; // 在页面里可直接用 this.$cookie 调用

2.解决问题

那么实际上我们直接使用this.$cookie.get('key')就好了。

1.  
   //获取
2.  
   this.$cookie.get('key');
3.  
   this.$cookie.get() //获取全部cookie
4.  
    
5.  
   //添加
6.  
   this.$cookie.set('key','value',time);//还有很多参数设置,不再一个一个地列举
7.  
    
8.  
   //删除
9.  
   this.$cookie.remove('key');//

那么到这里我们的问题就应该解决了,这是一个很初级的问题，我也是初学者。。。。见笑了，

还有问题的话欢迎大家一起交流！ 

这篇好文章是转载于：学新通技术网