я нашел, как вывести таблицу с чекбоксами:
https://element-plus.org/en-US/component/table.html#multiple-select
Я хочу, чтобы отмеченные чекбоксы сохранялись в определенную переменную.
Я добавил для el-table директиву v-model="моя переменная". Но код не работает. Как будто v-model вообще не существует.
Я попробовал для el-table-column добавить v-model. То же самое.
Неужели в этом компоненте не предусмотрено использование v-model? И надо самому писать код:
@select-all="itemHandleSelectionAll" @select="itemHandleSelectionChange" @selection-change="selectionChangeHandler"
...
потому что у el-table есть data
Прости, я новичок. Если есть data, то v-model не будет отрабатывать? И надо вручную все писать?
ты просто кидаешь свой массив в data а внутри у каждого column юзаешь template со свойством #default="scope" и потом внутри каждого темплейта можешь писать что тебе надо К примеру если у тебя в массиве у элементов есть title то внутри template сможешь вызывать scope.title и это будет title каждого элемента
У меня отрисовать таблицу получилось. Я это сделал с помощью директивы data: <el-table :data="resources" v-model="resourcesSelected" > <!-- Чекбокс --> <el-table-column type="selection" width="55" v-model="resourcesSelected"> </el-table-column> <!-- Id --> <el-table-column label="id"> <template #default="scope"> <a :href="'/update&id=' + scope.row.id" target="_blank">{{scope.row.id}}</a> </template> </el-table-column> </el-table> Мне надо теперь, когда я в какой-либо строке активировал чекбокс, эта строка отправлялась в переменную (массив) resourcesSelected.
А если 5 чекбоксов сразу, тогда как? Последний нажатый? Строка - это в смысле элемент целиком или просто текст внутри элемента?
Обсуждают сегодня