Javascript 使用vue在本地存储中搜索值

我试图搜索本地存储中的值。在我有一个只搜索硬编码值的搜索之前，现在我尝试用搜索函数实现本地存储

<div id="list">
        <input type="text" v-model="search">
        <ol>
            <li v-for="(items, key) in groupedItems">
                <p>{{ key }}</p>
            </li>
        </ol>
    </div>

    <script>

        var list = new Vue({
            el: '#list',
            data: {
                search: '',
                items: {


                    var: retrievedData = localStorage.getItem("todos")


                },
                computed: {
                    groupedItems() {

                        const arr = {};
                        //search
                        var searchResult = this.items.filter(todo => {
                            return todo.retrievedData.toLowerCase().indexOf(this.search.toLowerCase()) > -1;

                        });
                        //grouping
                        for (var i = 0; i < searchResult.length; i++) {
                            const key = searchResult[i].retrievedData;
                            if (arr[key]) {
                                arr[key].push(searchResult[i])
                            } else {
                                arr[key] = [searchResult[i]];

                            }
                        }
                        return arr
                    }
                }
            }

        });

    </script>

---

你的问题是什么？什么不起作用？我正在尝试让搜索与本地存储一起工作，然后搜索硬编码项您尝试的解决方案失败了吗？错误消息是什么？当我尝试用本地存储替换硬编码项时没有错误消息，只是没有显示任何内容。您是否尝试过调试您的计算函数？逐行检查，找出哪里出了问题。您还应该使用数组（

[]

）而不是对象（

{}

）

{topic: "web", price: "22", place: "town", time_length: "22hrs", edit: false}