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']),
		},
相关推荐
枫叶v.6 小时前
Agent 分层存储架构设计:从记忆方法到中间件选型
开发语言·python
Moment7 小时前
长上下文会最终杀死 Rag 吗?
前端·javascript·后端
sleven fung8 小时前
MinerU与BabelDOC与KTransformers与OpenAI API库
开发语言·python·ai·langchain
萤萤七悬8 小时前
【Python笔记】AI帮实现CLI工具-使用argparse.ArgumentParser接收命令参数
开发语言·笔记·python
iCxhust8 小时前
C# 命令行指令 查看二进制文件
开发语言·单片机·嵌入式硬件·c#·proteus·微机原理·8088单板机
csdn_aspnet8 小时前
Java 霍尔分区算法(Hoare‘s Partition Algorithm)
java·开发语言·算法
诸葛务农8 小时前
道路行驶条件下电动汽车永磁电机的有效使用寿命及永磁体的失效和回收再利用(下)
java·开发语言·算法
kyriewen8 小时前
大文件上传最全指南:分片、断点续传、秒传,一篇就够了
前端·javascript·面试
oort1238 小时前
VLStream:全开源决策式AI视频平台,赋能企业构建自主可控、降本增效的智能视觉应用介绍
大数据·开发语言·人工智能·开源·音视频·数据库架构
我叫黑大帅9 小时前
解决聊天页内部滚轮改为页面滚动问题
javascript·后端·面试