如何使用通用模式在nuxt中动态更改vuetify主题

时间:2018-11-20 01:10:07

标签: vuetify.js nuxt.js

我想将主题保存在localStorage中,并在创建时创建init主题,但这不起作用。

在spa模式下可以正常工作。

created() {
    if (process.browser) {
      this.initTheme()
    }
  },
  methods: {
    initTheme() {
      if (window.localStorage.defaultTheme) {
        var theme = JSON.parse(window.localStorage.defaultTheme)
      }
      this.defaultTheme = theme ? theme.base : colors.blue.base
      this.$vuetify.theme.primary = theme ? theme : colors.blue
    },
    handleThemeCheck(theme) {
      window.localStorage.defaultTheme = JSON.stringify(theme)
      this.defaultTheme = theme.base
      this.$vuetify.theme.primary = theme
    }
  }

0 个答案:

没有答案