<q-radio v-model="shape" checked-icon="task_alt" unchecked-icon="panorama_fish_eye" val="line" label="Line" />
<q-radio v-model="shape" checked-icon="task_alt" unchecked-icon="panorama_fish_eye" val="rectangle" label="Rectangle" />
<q-radio v-model="shape" checked-icon="task_alt" unchecked-icon="panorama_fish_eye" val="ellipse" label="Ellipse" />
<q-radio v-model="shape" checked-icon="task_alt" unchecked-icon="panorama_fish_eye" val="polygon" label="Polygon" />
</div>
и вот кстати QRadio исходник по поводу тем
import { h, ref, computed, getCurrentInstance, toRaw } from 'vue'
import QIcon from '../icon/QIcon.js'
import useDark, { useDarkProps } from '../../composables/private/use-dark.js'
import useSize, { useSizeProps } from '../../composables/private/use-size.js'
import useRefocusTarget from '../../composables/private/use-refocus-target.js'
import { useFormProps, useFormInject } from '../../composables/private/use-form.js'
Потому что иногда надо именно группу, а не просто отдельные радиокнопки. Чтобы оно визуально было группой, чтобы было управление всей группой (дать имя, сделать disabled и тп). И при этом не дублировать кодом все пропсы вручную каждой радиокнопке привязывая к одному значению.
Чтобы они одновременно отключались, надо всем передать disabled одинаковый. Чтобы у них было имя - надо всем передать name. Да даже checked-icon="task_alt" unchecked-icon="panorama_fish_eye" в этом примере повторяется каждый раз заново, вместо того, чтобы просто иметь компонент группы
Обсуждают сегодня