Однако одна ошибка типа = развернуть заключается в том, что при отсутствии данных подмножества также будет отображаться стрелка раскрытия и будет отображаться пустое поле, например
Чтобы изменить план, необходимо выполнить три шага:
// первый шаг добавлен тег el-table имя-класса-строки(строки className метод обратного вызова)
:row-class-name="iconHide"
// Шаг 2 Не отображать стрелку раскрывающегося списка, если подмножества нет. hasChild — это тег решения, возвращаемый серверной частью. У квалифицированных гильдий будет еще один класс.
methonds:{
iconHide({ row }) {
console.log('row', row)
if (!row.hasChild || row.hasChild === '0') {
return 'icon-no'
}
}
}
// Шаг 3 css Изменить стиль
::v-deep .icon-no .el-table__expand-icon {
display: none;
}
//Добавляем метку в el-таблицу
row-key="id"
:expand-row-keys="expands" // Это свойство можно установить Table Необходимо установить текущую развернутую строку row-key можно использовать свойство, которое используется для расширения строк keys множество.
@row-click="clickRowHandle" // Это событие срабатывает при нажатии строки
// Определениеразворачивается
data(){
expands:[]
}
// methods
methods: {
clickRowHandle(row, column, event) {
if (this.expands.includes(row.id)) {
this.expands = this.expands.filter((val) => val !== row.id)
} else {
// this.expands = [] Требование состоит в том, что одновременно можно расширить только одну строку. Этот комментарий можно открыть
this.expands.push(row.id)
}
},
}