javascript - Vue.js 相当于 data_get php

Question

我对 vue.js 比较陌生，偶然发现了这个问题。

在 php 中，我可以使用 data_get($variable, 'field') 来获取例如 $variable->field 值。

现在我正在寻找一种在 vue js 中执行此操作的方法:

<tr v-for="result in laravelData.data" :key="result.id">
  <td v-for="column in settings.fields.columns" :key="column.id" v-if="column.display">{{result.{{column.display}}}}</td>
</tr>

当然，这会引发错误，但我正在寻找一种应该如何执行此操作的方法 {{result.{{column.display}}}}

Answer 1

在这里使用 lodash 似乎有点矫枉过正，因为您只需要一个对象属性，而不需要检查嵌套属性。

试试这个:

result[column.display_field]

这只是纯 JavaScript。您也可以通过运行此命令在控制台中尝试

result = { a: 'foo', b: 'bar' }
>> Object { a: "foo", b: "bar" }
field = 'a'
>> "a"
result[field]
>> "foo"