怎么将vue里面localstorage存储的数组取出来存到列表



```javascript
function saveSetting() {
  let layoutSetting = {
    "id": storeAdd.value.id,
    "name": storeAdd.value.name,
    "isWinning": storeAdd.value.isWinning,
    "isBigPrize": storeAdd.value.isBigPrize,
    "dayNumber": storeAdd.value.dayNumber,
    "number":storeAdd.value.number,
    "probability": storeAdd.value.probability
  };
  localStorage.setItem("store-Add", JSON.stringify(layoutSetting));
}


```


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    saveSetting();
    console.log(getSetting())

    function saveSetting() {
        let storeAdd={
            value:{
                id:"33",
                name:"44"
            }
        }
        let layoutSetting = {
            "id": storeAdd.value.id,
            "name": storeAdd.value.name,
            // "isWinning": storeAdd.value.isWinning,
            // "isBigPrize": storeAdd.value.isBigPrize,
            // "dayNumber": storeAdd.value.dayNumber,
            // "number": storeAdd.value.number,
            // "probability": storeAdd.value.probability
        };
        localStorage.setItem("store-Add", JSON.stringify(layoutSetting));
    }

    function getSetting() {
        if (localStorage.getItem("store-Add")) {
            return JSON.parse(localStorage.getItem("store-Add"));
        }
    }


</script>

</html>

getItem就行了啊,忽略saveSetting 里 let storeAdd 我只是 模拟数据

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/999845
  • 你也可以参考下这篇文章:localStorage存储数据和取出数据知识点记录
  • 除此之外, 这篇博客: 关于在Vue中使用localStorage的技巧中的 一、导读 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 关于在Vue中进行状态或数据储存的方案,主要有VuexLocalStorage,sessionStorage等几种,但是如果应对的场景是属于那种可以手动刷新,只需第一次加载的页面时,vuex的优势就不明显了,因为一旦刷新就相当于失效,而如果展示的数据非常大,那么sessionStorage也会因为大小的限制问题而被放弃,那么如何能够提高页面的加载体验同时,又能有效地管理本地状态呢?答案是LocalStorage