как я могу получить конкретное значение объекта в vuejs?

Question

У меня есть данные объекта, подобные этому

"data":[{ "id": 1, "name": "Lorem Ipsum Name","address": "Lorem Ipsum Street" }]

Мне нужно получить определенное значение, например, имя, поэтому я использую

{{ data[0].name }}

, это работа и имя успешно отображаются, но я получил этоошибка,

[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined"

может кто-нибудь мне помочь?большое спасибо

Answer 1

Вы можете получить свойство объекта данных с помощью $data.

Таким образом, вы можете сделать следующее (https://jsfiddle.net/tenkz5j9/3/):

<p>{{ $data[0].id }}</p>

Answer 2

Я предполагаю, что структура вашего приложения выглядит следующим образом:

new Vue({
  el: '#app',
  data: [{ "id": 1, "name": "Lorem Ipsum Name","address": "Lorem Ipsum Street" }]
})

Я не думаю, что вы можете получить значения массива непосредственно от объекта данных, как в Vue.Попробуйте изменить это на:

new Vue({
  el: '#app',
  data: {
    "data": [{ "id": 1, "name": "Lorem Ipsum Name","address": "Lorem Ipsum Street" }]
  }
})

Эта скрипка полезна для экспериментов: https://jsfiddle.net/chrisvfritz/50wL7mdz/