Создаю таблицу чекбоксов
buildTableCheckbox() {
let checked = this.schedule.limitSchedule.split('');
let days = ['ПН', 'ВТ', 'СР', 'ЧТ', 'ПТ', 'СБ', 'ВС'];
let createHeader = document.querySelector(".create-header");
let createBody = document.querySelector('.create-body');
let timetableCount = 0;
createHeader.innerHTML = '<th></th>';
for(let i=0; i<24; i++) {
let th = document.createElement('th');
th.innerText = i;
th.scope = 'col';
createHeader.appendChild(th);
}
for(let key in days) {
let tr = document.createElement('tr');
tr.innerHTML = '<th><a href="javascript:" class="js-timetable-day" data-day="' + key + '">' + days[key] + '</a></th>';
createBody.appendChild(tr);
for (let i = 0; i < 24; i++) {
let isChecked = '';
if (checked[timetableCount] === '1') {
isChecked = 'checked="checked"';
}
tr.innerHTML += '<td><input class="filled-in" type="checkbox" v-model="timetable" name="timetable['+ timetableCount + ']" value="1" id="timetable[' + timetableCount + ']" ' + isChecked + '><label for="timetable[' + timetableCount + ']"></label></td>';
timetableCount++
}
}
}
в строке
tr.innerHTML += '<td><input class="filled-in" type="checkbox" v-model="timetable" name="timetable['+ timetableCount + ']" value="1" id="timetable[' + timetableCount + ']" ' + isChecked + '><label for="timetable[' + timetableCount + ']"></label></td>';
пытаюсь подключить v-model но я так понимаю vue не рендерит подобное, подскажите как обойти данную проблему и записать данные для отправки на сервер
v-for
, а совсем не так. Перед тем как бросаться писать код с этой (да и любой другой) библиотекой, желательно прочесть учебник на оф.сайте, чтобы подобных ошибок не сотворить.