vue面试之“params刷新页面不能参数丢失”解决方法

在vuex中存入数据的时候，如果想存入多个数据，可以参考以下写法：

1.在vuex的操作数据中

2.在vuex调用操作数据的方法中

解决步骤：

1.在跳转的地方在vuex存入参数

 this.$store.commit('personAbout/CHANGE_ACTIVE_LI',{ id: m.id,title: m.title,})//使用模块化编码后

2.保存数据

 //保存数据
		 CHANGE_ACTIVE_LI(state, { id, title }) {
			console.log('CHANGE_ACTIVE_LI',state)
			state.persondata.id = id
			state.persondata.title = title
			console.log('CHANGE_ACTIVE_LI22222',state.persondata.id)

			localStorage.setItem("messageStore",JSON.stringify(state.persondata))
		  },

3.在接收的页面去获取

mounted() {
        this.listData = JSON.parse( localStorage.getItem("messageStore"));
        console.log('页面刷新了',this.listData)
    },