Vue设置全局变量以及Vuex值当页面刷新时数据清空

一、src/api文件夹下新建globalVariable.js文件

// 题库id
const questionBankId = '';
// 题库名称
const questionBankTitle = '';
// 定义普通章节id或者模考章节部分id
const charpterIdx = '';
// 题库类型，0：普通题库，1：模考题库
const questionType = '';
// 章节名称
const charpterNamex = '';

//用export default 暴露出去,供其他vue文件使用
export default {
	questionBankId:'',
	questionBankTitle: '',
	charpterIdx:'',
	questionType:'',
	charpterNamex:'',
	
	// 设置属性方法
	setQuestionBankId(questionBankId){
		this.questionBankId = questionBankId;
	},
	setQuestionBankTitle(questionBankTitle){
		this.questionBankTitle = questionBankTitle;
	},
	setCharpterIdx(charpterIdx){
		this.charpterIdx = charpterIdx;
	},
	setQuestionType(questionType){
		this.questionType = questionType;
	},
	setCharpterNamex(charpterNamex){
		this.charpterNamex = charpterNamex;
	},
}

二、vue页面赋值和使用全局变量

1、先引入全局配置文件globalVariable.js

import globalVariable from '@/api/globalVariable'

2、使用globalVariable赋值全局变量以及获取全局变量值

// 获取值
mounted(){
	let that = this;
	that.questionTypes = globalVariable.questionType;
	that.charpterIds = globalVariable.charpterIdx;
	that.charpterNames = globalVariable.charpterNamex;
	that.initQuestion();
},

// 赋值
// 修改全局变量值
globalVariable.setCharpterIdx(id);
globalVariable.setQuestionType('1');
globalVariable.setCharpterNamex(title);
that.$router.push({path: '/questionList'})