@Denioo

Как на vue связать такие данные?

Есть компонент:

Использую vuex, с сервера в стор прилеают данные только массив строк Title.
Как можно это все прикрутить чтобы на сервер улетал, так же массив строк title, которые были выбраны, а когда прилетает с свервера то это как-нибудь прикрутить к компоненту.
  • Вопрос задан
  • 183 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Делаете ещё одно вычисляемое свойство - массив выбранных элементов. Геттер достаёт соответствующий массив из стора, сеттер вызывает мутацию. Используете это свойство в v-model чекбоксов. Вычисляемое свойство, управляющее выбором всех чекбоксов, переписываете следующим образом: в геттере сравниваете длины массивов всех элементов и выбранных, в сеттере устанавливаете значение вычисляемого свойства выбранных элементов. Например.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Demonstr66
Если я правильно уловил суть вопроса, то решение как всегда в документации) вот пример
<input type="checkbox" id="jack" value="Джек" v-model="checkedNames">
<label for="jack">Джек</label>
<input type="checkbox" id="john" value="Джон" v-model="checkedNames">
<label for="john">Джон</label>
<input type="checkbox" id="mike" value="Майк" v-model="checkedNames">
<label for="mike">Майк</label>
<br>
<span>Отмеченные имена: {{ checkedNames }}</span>

То есть привязываешь чекбокс к массиву который и будет хранить value отмеченных чекбоксов. И не надо городить костыль с id и isCheked
Ответ написан
Ваш ответ на вопрос

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

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