首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >javascript vue获取JSON格式的值

javascript vue获取JSON格式的值
EN

Stack Overflow用户
提问于 2021-01-20 16:54:57
回答 3查看 81关注 0票数 2

我想遍历这个JSON文件,并在“state”下输出值。例如拜仁- 220318。如何在循环中访问这些值以在列表或表中显示它们?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-01-20 17:41:06

如果您只想要国家名称,那么您可以定义一个计算属性,如下所示...

代码语言:javascript
复制
computed: {
 getStates() {
  return this.output.states; // assuming that you have stored the response in a variable called 'output' defined in the data section
 }
}

这就是调用计算结果并使用v-for将其打印到模板中的方式

代码语言:javascript
复制
<div v-for="(stateObject, state) in getStates" v-bind:key="state">
  <div>{{state}}</div> // to print the state name
  <div>{{stateObject.total}}</div> // to print the total value of that object
  <div>{{stateObject.vaccine}}</div> // to print the vaccine value of that object
 
</div>
票数 1
EN

Stack Overflow用户

发布于 2021-01-20 16:58:02

使用Object.keys()按键迭代对象。

代码语言:javascript
复制
Object.keys(output.states).forEach(key => {
  console.log(key, output.states[key].vaccinated);
});
票数 1
EN

Stack Overflow用户

发布于 2021-01-20 17:30:07

代码语言:javascript
复制
for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

你可以阅读更多:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65806096

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档