从 vuex 商店访问 $vuetify 实例属性 [英] Accessing $vuetify instance property from vuex store

问题描述

我正在使用 vuetify 并想使用 vuex 商店更改主题="noreferrer">$vuetify 实例，但我收到此错误 Cannot set property 'theme' of undefined"

I was using vuetify and wanted to change theme from vuex store using $vuetify instance but i got this error Cannot set property 'theme' of undefined"

这是我的代码

export default {
  getters: {},
  mutations: {
    toggleDarkTheme(state) {
      this.$vuetify.theme.primary = "#424242";
    }
  }
};

推荐答案

$vuetify 是一个实例属性 因此你可以访问任何 vue实例属性使用

$vuetify is an instance property hence you can access any vue instance property using

Vue.prototype.$prop

对于你的情况

import Vue from 'vue';
export default {
  getters: {},
  mutations: {
    toggleDarkTheme(state) {
      Vue.prototype.$vuetify.theme.primary = "#424242";
    }
  }
};

这篇关于从 vuex 商店访问 $vuetify 实例属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！