javascript vue 获取 JSON 中的值

Question

我想遍历这个 JSON 文件并输出“状态”下的值。例如Bayern - 220318. 如何在循环中访问这些值以将它们显示在列表或表格中？

Answer 1

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

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>