@Bezlepkin
Yii, PHP, JS, Android

Как вытащить data атрибут из чекбокса при его изменении в Vue?

Привет! Есть два цикла:

во круг этого есть еще один, но это не важно...
<div v-for="(item, key2) in subitems.items" v-bind:key="key2" v-bind:class="[item == '' ? 'empty' : '']" class="seats-cell">
  <input type="checkbox" v-bind:id="key + item" v-bind:value="key + item" :data-level="subitems.meta.level" :data-name="subitems.meta.name" :disabled="item == ''" v-model="checkbox">
  <label class="label label-default" v-bind:for="key + item"><span>{{ item }}</span></label>
</div>

<ul>
  <li v-for="(item, key) in checkbox" :key="key">Место {{ item }}</li> - тут item это тупо value чекбокса.
</ul>


Но помимо value можно вытащить еще атрибуты чекбокса?
  • Вопрос задан
  • 192 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
Добавьте к чекеду атрибут true-value, и в него занесите объект с нужными данными
<input type="checkbox" v-bind:id="key + item" v-bind:value="key + item"  :disabled="item == ''" v-model="checkbox" :true-value="{level: subitems.meta.level, name: subitems.meta.name}">

и теперь в checked при выбранном чекбоксе будет объект и полями level, name
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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