Vue将数据存放在会话存储中

2024-01-07 17:40:04

?前言：

会话存储（session Storage）：当浏览器被关闭的时候，存在session中的数据就会消失。

本地存储（local Storage）：在本地存储的数据会永远保留，除非你自己删除，要不然一直在。

1、设置

// 数据监听属性
watch: {
// 将添加的数据存放到session中
    tableList() {
        sessionStorage.setItem('tableList', JSON.stringify(this.tableList))
    }
},

?2、获取

<script>
    new Vue({
        el:'#app',
        data:{
           // 再从浏览器中获取刚在存储的数据，如果没有数据就空数组占用
           tableList:JSON.parse(sessionStorage.getItem('tableList') || '[]'),
        }
    })
</script>

文章来源:https://blog.csdn.net/zxcvb0825/article/details/135423958
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。