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"

Answer 2

Исправил это сам с помощью lodash:

_.get(result, column.display_field)