前言
最近让我搞一个关怀版本的系统。纯纯前端、无语死。就是整个系统的字体还有框框啥的变大。简单暴力的做法就是重新写一套样式咯,这不纯纯累死人啊。琢磨了一下,如果可以保存关怀版的一个标志,然后全部组件都可以获取到该标志。通过该标志,然后动态的指定类的样式。 Vue中的Vuex就可以达到保存状态,全部组件可以访问到。然后动态设置class的样式也可以。
1、Store中定义
2、存储状态
这里需要注意一点
this.$store.commit('CareVersion/isCareVersion,'true),现在就是要在方法前面指定模块名,这个是要在namespaced开启true才会生效,
this.$store.state.CareVersion.isCareVersionShow,访问store属性,指定CareVersion下的isCareVersionShow属性。
3、获取状态
4、动态改变样式
资料参考2:Vue.js动态改变样式