Доступ к свойству $ vuetify instance из магазина vuex

Question

Я использовал vuetify и хотел изменить тему из vuex магазина, используя $ vuetify экземпляр, но я получил эту ошибку Cannot set property 'theme' of undefined"

вот мой код

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

Answer 1

Для Vuetify 2.0 вы можете попробовать следующий метод. (после Vuetify 2.0 Руководство по обновлению для тем)

import vuetify from './plugins/vuetify'

export default {
  getters: {},
  mutations: {
    toggleDarkTheme(state) {
      Vuetify.framework.theme.themes.light.primary = "#424242";
    }
  }

Answer 2

$ vuetify является свойством экземпляра , следовательно, вы можете получить доступ к любому vue свойство экземпляра с использованием

Vue.prototype.$prop

для вашего случая

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