TypeError: this.$cookies 未使用 vue-cookie 定义

Question

我正在尝试使用 vue cookie，我完成了安装它的所有过程

npm install vue-cookies --save

在我的 /resources/js/app.js 我有

window.Vue = require('vue').default;
var VueCookie = require('vue-cookie');
Vue.use(VueCookie);
this.$cookies.set('test', 'Hello world!', 1);

所以，当我加载页面时，我给出了下一个错误

TypeError: this.$cookies is undefined    

我尝试以不同的方式解决这个问题，例如：

this.$cookies.set(...)
Vue.$cookies.set(...)
this.$cookie.set(...)
Vue.$cookies.set(...)
window.$cookies.set(...)
window.$cookie.set(...)
Vue.prototype.$cookie = VueCookie;

但是没有任何效果并且总是给出同样的错误:(

Answer 1

您在 Vue 上下文之外使用 this.$cookies，其中 this 可能是 window。

要解决此问题，请将this.$cookies 替换为Vue.$cookies 以设置全局cookie，或将this.$cookies 移动到组件方法/挂钩。

基于docs的用法示例：

//...
Vue.use(VueCookies)

// set global cookie
Vue.$cookies.set('theme', 'default');

// set cookie from Vue context
new Vue({
  mounted() {
    this.$cookies.set('theme', 'default');
  }
})