ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

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

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

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

里面写如以下代码

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里面

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

三、把传到vuex的值拿出来

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

返回列表