显示JSON属性

Question

因此，我在Vue.js中创建了一个下拉组件，该组件使用户能够拖放文件，在他删除文件后，他将被重定向到该文件显示为JSON的另一个页面。目前，我的JSON如下所示：

my_ddb_table

我只想显示文件名“：” svg-test.svg属性，如何实现？这是我的组件：

{"upload":{"uuid":"fa90093a-534e-40fb-ab53-20edd78fad08","progress":0,"total":5197,"bytesSent":0,"filename":"svg-test.svg","chunked":false,"totalChunkCount":1},"status":"added","previewElement":{},"previewTemplate":{}}

Answer 1

您可以按以下方式访问它：

JSON.parse(localStorage.getItem('file')).upload.filename

这里的关键是您首先需要解析它，因为当您将其保存到localStorage时就对其进行了字符串化处理。