vue使用session功能，保存和获取对象信息

noeal

已于 2022-03-11 11:22:03 修改

阅读量8.1k

点赞数 6

分类专栏： Vue3.0 文章标签： javascript vue.js ajax

于 2022-03-03 11:29:44 首次发布

本文链接：https://blog.csdn.net/noeal/article/details/123249549

版权

Vue3.0 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

这篇博客介绍了如何在 Vue 应用中使用浏览器的 SessionStorage API 存储和获取对象及字符串信息。示例中展示了将路径信息封装为对象并推入数组，然后通过 JSON.stringify() 转换为字符串存储到 SessionStorage，以及通过 JSON.parse() 解析回对象的过程。此外，还展示了保存和读取字符串信息的基本操作。

摘要由CSDN通过智能技术生成

vue使用session功能，保存和获取对象信息

  const path = '/user'
  const tabsData = []
  const tab = {
   path: '/' + path,
    name: name
  }
  tabsData.push(tab)
  
  // 保存
  window.sessionStorage.setItem('tabsData', JSON.stringify(tabsData))
  // 获取
  JSON.parse(window.sessionStorage.getItem("tabsData));

  // 保存字符串信息
  window.sessionStorage.setItem('path', path)
  // 获取字符串信息
  window.sessionStorage.getItem('path')