javascript vue在JSON中获取值

我想运行这个JSON文件并输出“states”下的值。e、 拜仁-220318。如何在循环中访问这些值以在列表或表格中显示它们

用于按键迭代对象

Object.keys(output.states).forEach(key => {
  console.log(key, output.states[key].vaccinated);
});

for（Object.entries（object1））的常量[key，value]{
log（`${key}:${value}`）；
}

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

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在模板中打印它

<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>

{{state}}//以打印州名称
{{stateObject.total}}//以打印该对象的总值
{{stateObject.vaccine}}//打印该对象的疫苗值

您可能希望使用Object.keys（）函数。类似于Let keys=jsonObject.keys（）。对于（让i=0；iTHX，是的，通过这种方式我可以循环，但我想知道国家的名称，例如拜仁、柏林、勃兰登堡等。

key

是您案例中的国家名称。是的，当然，非常好，谢谢！我如何使用这些值在vue和v-for中输出？我需要事先将它们保存在数组中吗？是的，您可以使用计算的d object.keys作为valueTHX返回键，但是我如何在vue中使用它来打印带有v-for的值？是否要逐个打印？可以将其存储在数据属性中（如在数组中，而不是控制台日志中，只需将其推入一个），然后在该数组上使用v-for:“{result.states}”'我想用此vue html打印值。如何实现此目的？您的回答与我的问题重叠。谢谢。是的，我会这样做。但是如何在“索引”中打印“状态”后面的“总计”或“接种”值？'只有一个计数器。我已经修改了计算和模板块…检查更新的答案OK，谢谢，但它不起作用。只打印了键0,1,2。