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

Question

[Игорь Безлепкин]

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

во круг этого есть еще один, но это не важно...

<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 можно вытащить еще атрибуты чекбокса?

Answer 1

[Владимир Проскурин]

Добавьте к чекеду атрибут 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

Comments

[Игорь Безлепкин]

Не понял, как это будет объект? так вот не работает item.level, item.name