我最近把我的vuetify版本升级到了2.0。根据关于主题的新文档,我们需要在vuetify.js
中设置dark
。我在vuex中设置了dark
的值,当我更新变量时,vuetify.js
没有得到更新的值。
import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import 'vuetify/dist/vuetify.min.css';
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import store from '../store';
const { getters } = store;
Vue.use(Vuetify);
export default new Vuetify({
icons: {
iconfont: 'md'
},
theme: {
dark: getters.isDark
}
});
如何从vuex获得dark
的更新值?
2条答案
按热度按时间s4n0splo1#
我想你错过了切换被提到的部分。
...切换
$vuetify.theme.dark
时将动态更改...你只需要在你的函数中设置
this.$vuetify.theme.dark = true/false
来切换黑暗主题。vuetify.js
:应该切换黑暗主题的函数:
v09wglhw2#
只是为了那些想用另一个主题来交换整个主题的人。文章https://betterprogramming.pub/changing-application-theme-dynamically-in-vuetify-js-c01d640699c4描述得很好,并使用以下逻辑来用一个完全不同的主题来交换主题: