我数据已经存到本地了 但是这个代码拿不到数据<template> <div> <van-card :thumb="shop_list.img" /> </div> </template> <script lang="ts" setup> interface TypeList { name: string; age: number; id: string | number; title: number; } const shop_list = window.localStorage.getItem("shop_list") || []; </script> <style></style>
时间: 2023-12-09 21:06:02 浏览: 83
根据您提供的代码,问题可能出在 `shop_list` 的类型推断上。由于您在初始化 `shop_list` 时使用了逻辑或运算符 `||`,当 `window.localStorage.getItem("shop_list")` 返回 `null` 或 `undefined` 时,将会赋值空数组给 `shop_list`。这将导致 `shop_list` 的类型被推断为一个空数组 `never[]`,而不是您期望的类型。
解决这个问题的方法是通过显式指定 `shop_list` 的类型来避免类型推断错误。根据您的代码,您可以将 `shop_list` 的类型指定为 `TypeList[]`,即购物车数据的数组类型:
```typescript
const shop_list: TypeList[] = JSON.parse(window.localStorage.getItem("shop_list") || "[]");
```
或者,在获取 `shop_list` 之后进行类型转换,确保它是一个数组类型:
```typescript
const shop_list = JSON.parse(window.localStorage.getItem("shop_list") || "[]") as TypeList[];
```
请注意,在解决问题时,还需要确保购物车数据的存储和获取逻辑正确无误。如果问题仍然存在,请提供更多详细信息,以便我能够更好地帮助您解决问题。
阅读全文