当前位置:   article > 正文

uniapp小程序因使用 uni.switchTab传不了值使用vuex(简单明了)_uni.switchtab 不生效

uni.switchtab 不生效

uniapp里面不需要npm下载vuex,自带vuex直接用就行

一、先建立一个index.js文件夹 

里面写如以下代码

  1. import Vue from 'vue'
  2. import Vuex from 'vuex'
  3. Vue.use(Vuex)
  4. const store = new Vuex.Store({
  5. state: {
  6. userExt: null
  7. },
  8. mutations: {
  9. //相当于同步的操作
  10. setUserExt(state, ext) {
  11. state.userExt = exe;
  12. }
  13. },
  14. getters: {
  15. getUserExt: state => state.userExt
  16. },
  17. actions: {
  18. //相当于异步的操作,不能直接改变state的值,只能通过触发mutations的方法才能改变
  19. }
  20. })
  21. export default store

二、现在就是把你要储存的值放在vuex里面

  1. //引入vuex使用Mutations方法
  2. import { mapMutations } from 'vuex';
  3. 映射出来这个方法
  4. ...mapMutations(['setUserExt']),
  5. //把需要的值传进去
  6. this.setUserExt(res.Exe);

三、把传到vuex的值拿出来

  1. import { mapState } from 'vuex';
  2. 老规矩引入映射就完了
  3. computed:{
  4. ...mapState(['userExt']),
  5. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/783588
推荐阅读
相关标签
  

闽ICP备14008679号