Ребзи привет, вопрос по чекбоксам, у меня есть чекбокс в

кол-ве одна штука и есть их массив, там где его одна штука v-model принимает в себя компьютед свойство


selected: {
get() {
return this.option
},
set(value) {
this.$emit("input", value)
},
},


сам же чекбокс выглядит вот так


<template>
<div class="ui-radio-button">
<input
type="radio"
:name="nameGroup"
:value="option"
v-model="selected"
:id="option"
:checked="defaultChecked"
/>
<label :for="option">{{ option }}</label>
</div>
</template>


как задать дефолтное значение при его отрисовке? В родителе так же юзаю массив этих чекбоксов с v-model клал стартовое значение в data но он все равно в упор выбирает последний чекбокс активным какого-то хрена не реагируя

попробуй использовать vue prime, там чуть полегче и покрасивше чек боксы

Стикер

да у меня боевой проект, не хотелось бы затягивать чего-то лишнего в него

оу да сори, я путаю их надо радио мне все правильно я имел в виду радио а писал про чекбокс

у радио может быть 1 выбранное значение, а не массив задавать его нужно в геттере, либо до передачи пропса в родителе

Верно, так и нужно выбор одного дефолтно указанного <UIRadioButton v-for="list in lists" :option="list.title" :key="list.id" :name-group="nameGroup" v-model="selectedCompany" :default-checked="list.checked" /> в родителе вот так я рисую его

defaultChecked в принципе бесполезный, у тебя выбранное значение должно управляться через v-model если нужно выбрать что-то по умолчанию, то ты указываешь в selectedCompany нужное значение и оно работает

Указать в selectedCompany нужное значение?

Это да я уже экспериментировать начал когда добавил св-во, но по v-model когда добавляю значение все равно не отображает дефолтным внесенное, сейчас попробую по id может ему текст не нравится там ковычек разным много

в значении должно быть то, что ты привязываешь через :value на сам инпут

и отсюда :checked тоже нужно убрать

Все checked убрал, уже прям силком в data указываю нужный выбор, все равно радио на крайнем элементе остается

покажи целиком дочерний компонент, лучше скрином

Стикер

1. у тебя нет работы с v-model в дочернем компоненте: либо передавай не option, а value (у тебя же вью 2?), либо поменяй через свойство model название модели; 2. покажи пример данных, которые ты отображаешь

Под нет работы с v-model имеешь в виду состояние не сохраняется в data?

нет, я имею в виду, что ты передаешь v-model и внутри нигде не обрабатываешь входящее значение