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

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

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

里面写如以下代码

javascript 复制代码
import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
		    userExt: null
	},
    mutations: {
		//相当于同步的操作
		 setUserExt(state, ext) {
		      state.userExt = exe;
		    }
	},
	  getters: {
	    getUserExt: state => state.userExt
	  },
    actions: {
		//相当于异步的操作,不能直接改变state的值,只能通过触发mutations的方法才能改变
	}
})
export default store

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

javascript 复制代码
	//引入vuex使用Mutations方法
import { mapMutations } from 'vuex';
    映射出来这个方法
	   ...mapMutations(['setUserExt']),
    //把需要的值传进去
	 this.setUserExt(res.Exe);

三、把传到vuex的值拿出来

javascript 复制代码
import { mapState } from 'vuex';
老规矩引入映射就完了
	computed:{
			 ...mapState(['userExt']),
		},
相关推荐
自由随风飘1 小时前
python 题目练习1~5
开发语言·python
Bony-2 小时前
Go语言完全学习指南 - 从基础到精通------语言基础篇
服务器·开发语言·golang
fl1768313 小时前
基于python的天气预报系统设计和可视化数据分析源码+报告
开发语言·python·数据分析
ACP广源盛139246256733 小时前
(ACP广源盛)GSV6172---MIPI/LVDS 信号转换为 Type-C/DisplayPort 1.4/HDMI 2.0 并集成嵌入式 MCU
c语言·开发语言·单片机·嵌入式硬件·音视频
不穿格子的程序员3 小时前
从零开始刷算法-栈-括号匹配
java·开发语言·
漂流瓶jz4 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子4 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
雪域迷影4 小时前
C#中通过get请求获取api.open-meteo.com网站的天气数据
开发语言·http·c#·get
yue0084 小时前
C#类继承
java·开发语言·c#
Want5954 小时前
Python汤姆猫
开发语言·python