使用Vuetify在Nuxt.js中根据时间在亮/暗模式之间切换

Question

我在nuxt.config.js vuetify设置中默认设置了深色主题，并通过dark: false激活了该主题。如何在夜间自动激活它？

Answer 1

我终于用这种方式解决了它：

  mounted() {
    this.setTheme()
  },
  methods: {
    setTheme() {
      const today = new Date()
      today.getHours() < 8 || today.getHours() > 20
        ? (this.$vuetify.theme.isDark = true)
        : (this.$vuetify.theme.isDark = false)
    }
  }