Как вытащить параметр цены в зависимости от Id?

Question

[Judgment_Developer]

Добрый день, у меня есть json файл в котором хранятся следующие параметры:
[
{
"id": 1,
"price": 400,
"time": "9 August 2020",
"tariff": "Main",
"type": "Latest",
"day": "Previous"
},
{
"id": 2,
"price": 600,
"time": "10 August 2023",
"tariff": "Main",
"type": "New",
"day": "Future"
},
{
"id": 3,
"price": 450,
"time": "19 March 2022",
"tariff": "Basic",
"type": "Latest",
"day": "Previous"
},
{
"id": 4,
"price": 900,
"time": "2 April 2023",
"tariff": "Basic",
"type": "New",
"day": "Future"
},
]

Задача такая, что нужно вытащить элементы в:

<table>
    <tr v-for="item in this.getData" :key="item.id">
      <td colspan="2" class="info">
                    <span class="td-name" type="text" :value="item.day"></span>
                </td>
                <td><span class="td-name price" type="text" :value="item.price"></span></td>
                <td> <span class="td-name price" type="text" :value="item.price"></span></td>
                <td > <span class="td-name price" type="text" :value="item.price"></span></td>
     </td>
</table>

Дату я уже подтянул, она выводит все необходимые данные.
В зависимости от параметра type, day, tariff. Не совсем понятно, допустим как связать эти параметры в одном столбце где уже указан ключ по :key="item.id".
Возможный пример вывода:

• Future
  
• 900
  
• 600
  

Возможен ли альтернативный способ парсинга данных?

Буду благодарен за предоставленные псевдо-коды или линки. Спасибо!

Comments

[Александр]

json тоже нужно обернуть в блок кода

[Judgment_Developer]

При условии что я оберну его через JSON.parse(), как мне вытащить поля id которых различаются? Ведь в <tr> мы явно указываем на поле с соответствующим текущему id, что в принципе сводит к сути, что таблица вытащит нам одинаковые столбцы.