Question

我正在使用Vue.js，我有一个JSON对象数组，如何将'c'和'd'推入selected1并将'88'和'66'推入selected2？

export default {
 arr:[{
    "name": "a",
    "options": [{
        label: "b",
        value: 9,
        foodoption: [{ label: "c", value: 8 }, { label: "d", value: 6 }],
        selected1: [],
        show: false
      },

    ]},
    {
      "name": "aa",
      "options": [{
          label: "bb",
          value: 9,
          foodoption: [{ label: "cc", value: 88 }, { label: "dd", value: 66 }],
          selected2: [],
          show: false
        },
      ]}
  ]

期望得到：

selected1:[c,d]

selected2:[88,66]

我尝试使用vue.js在视图中获取值：

<div v-for="(obj, index) in arr" :key="index" >
     <div v-for="(opt, index) in obj.foodoption" :key="index">
         {{ opt.label }} {{ opt.value}}
     </div>
</div>

如何通过JavaScript获取每个期望的商品？

Answer 1

这纯粹是一个JS问题，您不需要VueJS来完成。只需使用点和括号符号的组合来访问foodoption中的arr值，然后使用Array.prototype.map根据键（{{1} label）：

value

从JSON对象数组获取特定值并将其推到另一个数组？

1 个答案: