cimonlebedev
@cimonlebedev

Как передать значение через чекбокс vue?

Рабочий пример из документации:
<div id='example-3'>
  <input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
  <label for="jack">Jack</label>
  <input type="checkbox" id="john" value="John" v-model="checkedNames">
  <label for="john">John</label>
  <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
  <label for="mike">Mike</label>
  <br>
  <span>Checked names: {{ checkedNames }}</span>
</div>

new Vue({
  el: '#example-3',
  data: {
    checkedNames: []
  }
})


В жизни не так просто, а именно
<div v-for="item in getPosts" :key="item.key" class="table__body__line">
                        <div class="table-cell">{{ item.key }}</div>
                        <div class="table-cell">{{ item.name }}</div>
                        <div class="table-cell">
                            <input type="checkbox" id="checkbox" v-model="status">
                            <label for=" ??? ">{{ status }}</label><br>
                        </div>
                    </div>

// так не сработает
<input type="checkbox" id="checkbox" v-model="status" value={{ item.key }}>

    export default {
        name: 'Search',
        components: {
            AppMenu
        },
        data () {
            return {
                status: []
            }
       }
}


Как передавать item.key в status ?
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
0xD34F
@0xD34F
<input type="checkbox" :id="`checkbox-${item.key}`" :value="item.key" v-model="status">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы