vue3，移动端h5项目之间的交互

最新推荐文章于 2024-03-27 11:30:56 发布

smily_word

最新推荐文章于 2024-03-27 11:30:56 发布

阅读量779

点赞数 1

分类专栏： vue3 文章标签：交互前端 javascript

本文链接：https://blog.csdn.net/smily_word/article/details/122087167

版权

6 篇文章 0 订阅

订阅专栏

适用场景：最近做项目，自己的项目需要和同事进行项目交互，因为都是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('对象数据'))

关注