Vue js获取数据模型的第一个值

Question

我想获取 data.countrys 模型的第一个返回值，如下所示：

...el ...etc..

 data: {

    countrys: [
      {KE : 'KENYA'},
      {USA : 'USA'}

  ] ,


  },
... ready...etc..

如何在我的方法中获取值 'KE'？下面是我的方法中使用的代码。

console.log(vm.$data.$children[0].countrys);

Answer 1

由于 'KE' 是一个键，您可以对 'countrys' 数组中的对象使用 Object.keys 函数：

Object.keys(vm.data.countrys[0])[0];

vm.data.countrys[0] 将 return {KE : 'KENYA'} 对象，然后 Object.keys 将 return 一个键数组对象。

Answer 2

所以... data 是对象，countrys - 对象数组，那么结果是

var country = "KE";
data.countrys[0][country]

Vue js get first value of data model