适用场景:最近做项目,自己的项目需要和同事进行项目交互,因为都是h5项目,使用location.href打开他的项目链接。数据交互之前用的vuex,但发现vuex的数据在项目切换后会丢失,后来发现使用localStorage能进行项目间的数据交互。
代码简单示意如下:
1、打开其他项目的链接:
location.href =
state.baseURL +
'/项目名/#/?链接所需参数=' +
链接参数
2、使用localStorage.setItem()存入项目所需数据,如果存入对象需要使用JSON.stringify()转换
localStorage.setItem('字符串数据','')
localStorage.setItem(
'对象数据',
JSON.stringify({
a: a,
b: b
})
)
3、使用localStorage.getItem()获取数据,如果获取对象且存入时使用JSON.stringify()转换,就需要使用JSON.parse()获取
localStorage.getItem('字符串数据')
JSON.parse(localStorage.getItem('对象数据'))