使用 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)
    }
  }