Vuetifyjs 2.0主题不会因观察者而改变

时间:2019-07-27 07:43:11

标签: vue.js vuex vuetify.js

借助Vuetifyjs v1.5,我能够使用vue观察者动态更改主题。 这在Vuetifyjs 2.0中不再起作用

Vue版本:2.6.10 Vuetify:2.0 Vuex:3.1.1

export default {
  data() {
    return {
      darkEnabled: this.$store.state.darkEnabled
    }
  },
  created () {
    this.$vuetify.theme.dark = this.darkEnabled;
  },
  watch: {
    'this.$store.state.darkEnabled'(oldValue, newValue) {
      this.$vuetify.theme.dark = newValue;
    }
  }
}

1 个答案:

答案 0 :(得分:1)

观察者回调的第一个值是newValue。您已取消订单并始终分配旧值。应该是(newValue, oldValue) 另外,它应该是'$store.state.darkEnabled'(newValue),不带this