Question

我有一个简单的回答：

[
   {
      "id":"1011",
      "name":"Popular Music"
   },
   {
      "id":"1012",
      "name":"Hip Hop & R&B"
   },
   {
      "id":"1014",
      "name":"House Music"
   },
   {
      "id":"1013",
      "name":"Bhangra & Bollywood"
   }
]

我想只得到每个项目的ID并将其分配给我的v-model =＆＃34; music_style_ids＆＃34;。我的意见是：

<li>
    <input v-model="music_style_ids" type="checkbox" id="1017" value="1017">
    <label for="1017">Funk, Soul, Disco</label>
</li>

在我的get方法中，我得到了这个回复：

if (response.data.music_style !== undefined) {
self.music_style_ids = response.data.music_style
}

我是Vuejs的新手，我不知道怎么用Vuejs做。我想得到的是：["1011", "1012", "1014"]

有没有办法用JavaScript完成它并简单地将它分配给我的变量？

Answer 1

＆＃13;

var t = [
   {
      "id":"1011",
      "name":"Popular Music"
   },
   {
      "id":"1012",
      "name":"Hip Hop & R&B"
   },
   {
      "id":"1014",
      "name":"House Music"
   },
   {
      "id":"1013",
      "name":"Bhangra & Bollywood"
   }
].map(function (a) { return a.id; });
console.log(t);

＆＃13;

希望这是你要找的那个。

如何使用Vuejs从数组中过滤掉一个项目

1 个答案: