Нравится сайт? Поддержи его донатом в 10-20$
С вашей поддержкой автор code.mu сможет вести дальнейшую работу над сайтом
⊗jsvuPmFmChVA 47 of 72 menu
Бесплатная онлайн лекция "Асинхронность в JavaScript". Начало: 21 января в 20.00. Продолжительность: 1.5-2 часа. Жми для записи!

Массив значений checkbox в Vue

Пусть у нас есть группа checkbox. Можно сделать так, чтобы значение атрибутов value всех отмеченных чекбоксов складывалось в массив. Для этого нужно к v-model этих checkbox привязать массив. Давайте сделаем это. Объявим свойство с массивом:

data() { return { arr: [], } }

Привяжем этот массив к группе checkbox:

<template> <input type="checkbox" v-model="arr" value="v1"> <input type="checkbox" v-model="arr" value="v2"> <input type="checkbox" v-model="arr" value="v3"> </template>

С помощью нескольких checkbox спросите у пользователя какие языки он знает. Сложите полученные значения в массив.

Выведите полученный в предыдущей задаче массив языков в виде списка ul.

Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить