前言
最近让我搞一个关怀版本的系统。纯纯前端、无语死。就是整个系统的字体还有框框啥的变大。简单暴力的做法就是重新写一套样式咯,这不纯纯累死人啊。琢磨了一下,如果可以保存关怀版的一个标志,然后全部组件都可以获取到该标志。通过该标志,然后动态的指定类的样式。 Vue中的Vuex就可以达到保存状态,全部组件可以访问到。然后动态设置class的样式也可以。
1、Store中定义
2、存储状态
这里需要注意一点
this.$store.commit('CareVersion/isCareVersion,'true),现在就是要在方法前面指定模块名,这个是要在namespaced开启true才会生效,
this.$store.state.CareVersion.isCareVersionShow,访问store属性,指定CareVersion下的isCareVersionShow属性。
3、获取状态
4、动态改变样式
资料参考1:Vuex中模块化后this. s t o r e . c o m m i t 和 t h i s . store.commit和this. store.commit和this.store.state的用法文章来源:https://www.toymoban.com/news/detail-435095.html
资料参考2:Vue.js动态改变样式文章来源地址https://www.toymoban.com/news/detail-435095.html
到了这里,关于Vuex在项目中的实际应用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!