@msdoc11

Как правильно выводить данные при выборе radio?

Здравствуйте. Как правильно вывести цену при выборе определенного radio
<label v-for="(size, index) in result.sizes" class="p-1 flex size relative">
   <input type="radio"  v-model="result.size"  :value="index" :data-size="size" v-model.number="result.indexOfSize" class="hidden">
   <span class="px-2 rounded-full size active">{{ size }}</span>
</label>


При выборе radio, данные цены выводятся сюда
<span class="text-lg md:text-xl price">{{ result.prices }}</span>


sizes: [
     '256GB', '512GB'
     ],
prices: [
     '99 999', '105 999'
     ],
indexOfSize: 0,

indexOfSize используется, чтобы первый radio был всегда выбран

Пробовал через такую конструкцию выводить, но не выходит
<span class="text-lg md:text-xl price">{{result[result.indexOfSize].prices}}</span>
  • Вопрос задан
  • 32 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
{{ result.prices[result.indexOfSize] }}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы