Estou usando vue-multiselect para filtrar um calendário usando vue-cal e estou com problemas para filtrar uma tabela com esse seletor. Acredito que o problema seja filtrar a tabela com um array de dados, por exemplo: filtrar a tabela pelo nome de dois professores. O que eu tenho: Quando é selecionado algum professor, eu tenho isso aqui:
[{teacher: "Ana"}, {teacher: "Danielly}]
E eu tento filtrar assim:
filteredEvent() {
return this.events.filter(events => {
return events.teacher.toLowerCase().
indexOf(this.value.forEach(el => el.teacher.toLowerCase() > -1))
})
}
O slot de eventos do calendário está assim:
<template slot="event-renderer" v-for="events in filteredEvent" slot-scope="{event, view}">
<div class="wrapper">
<div class="event-content" :style="{border: event.border,}">
<div class="vuecal__event-title">
<div class="level-color" :style="{background: event.color}"></div>
<m-avt-level pClass="table__avt-icon" class="centered-icon" :level="event.level" />
<p class="title">{{event.level}}</p>
</div>
<div class="vuecal__event-time mt-2">
{{event.time}}
</div>
<div class="vuecal__event-bar mt-1 mb-2">
<b-container>
<m-progress-bar :animated="
:occupedVacancys=" parseInt(event.occupedVacancys) "
:maxVacancys="parseInt(event.maxVacancys) "/>
</b-container>
</div>
</div>
</div>
Esse é o select:
<multiselect
v-model="value"
:options="options"
:multiple="true"
:close-on-select="false"
track-by="teacher"
:custom-label="customLabel">
<span class="checkbox-label" slot="option" slot-scope="scope" @click.self="select(scope.option)">
<input type="checkbox" v-model="scope.option.selected" @focus.prevent/>
{{ scope.option.teacher }}
</span>
<span slot="placeholder" slot-scope="scope">
<svgicon icon="icn_teacher" class="filter-icon" width="18" height="auto" color="#959BA6" />
Todos os professores
</span>
</multiselect>
E o objeto this.events:
border: "2px solid #3057a5"
class: "ap3"
classDay: 2
classId: ""
color: "#3057a5"
end: "2019-05-29"
level: "Aperfeiçoamento 3"
levelId: 8
maxVacancys: 1
occupedVacancys: 0
start: "2019-05-29"
teacher: "Danielle Kelley"
time: "00:00 - 01:05"
title: ""
this.events
? qual é a relação entre o professor e a array de eventos? como compará-los?this.events
?