Как передать в переменную массив с JSON в VueJS?

Question

[Konstantin Malyarov]

Есть скрипт, который получает массив с JSON'ов и перебором превращает их в одиночные JSON.

transit.$root.$on('response_data', function (msg) {
            var data = msg.split('\n')
            data.pop()
            data.forEach(function (patient, id, data) {
                console.log(JSON.parse(patient))
            })
        })

В итоге получается вот такая картина:

Код tameplate:

template: '<div class="card-body" v-for="result in results">' +
    '<a :href="`id/${results.id}`" class="" style="text-decoration: underline">{{ result.surName }} {{ results.firstName }} {{ results.secondName }} {{ results.dateOfBirth }}</a>' +
    '<div v-if="results.id" class="text-success">localhost/patient/id/{{ results.id }}</div>' +
    '<div v-if="results.id">выдержка из карты</div>' +
    '</div>'

Как теперь это запихнуть в переменную, которая отображает в template?

Answer 1

[0xD34F]

Что такое transit - шина событий? Обращаться к $root необходимости нет.
Зачем pop делаете? Последняя строка пустая? А вдруг однажды её там не будет? Лучше использовать filter.

Попробуйте как-нибудь так:

transit.$on('response_data', msg => {
  this.results = msg.split('\n').filter(Boolean).map(n => JSON.parse(n));
});

UPD. Примерный вид рабочего варианта вашего кода. Разумеется, без запроса - просто подставляются данные в ожидаемом формате.

Comments

[Konstantin Malyarov]

Её там всегда не будет.

[0xD34F]

Konstantin Malyarov, ну, дело ваше. А в целом как - заработало?

[Konstantin Malyarov]

0xD34F, нет.

[0xD34F]

Konstantin Malyarov, "нет" - это не ответ. Ошибки какие-нибудь должны же быть. Да и больше кода бы увидеть.

[0xD34F]

"Больше кода" увидел. Ну что тут сказать - неудивительно, что не работает. Шаблон компонента results у вас кривой - нельзя применять v-for к корневому элементу, оберните ещё одним div'ом. Кроме того, обращаясь к свойствам элементов results, вы постоянно пишите results вместо result.

[Konstantin Malyarov]

0xD34F, https://www.google.ru/url?sa=t&source=web&rct=j&ur... что то типа того. Я приду домой, попробую оба варианта.

[0xD34F]

Дополнил ответ рабочим примером.