Surten bé els noms però no fa la seva funció.

No funciona el filtre Totes Completades Pendents about tasks HOT 1 CLOSED

Marinsan commented on July 2, 2024

No funciona el filtre Totes Completades Pendents

from tasks.

Comments (1)

Marinsan commented on July 2, 2024

Al fitxer Tasques.vue
ruta: resources/js/components/Tasques.vue

S'han de canviar les línies:

      filter: 'Totes',
      filters: [ 'Totes', 'Completades', 'Pendents' ],

Per aquestes:

 filter: { name: 'Totes', value: null },
 filters: [{ name: 'Totes', value: null }, 
            { name: 'Completades', value: true }, 
            { name: 'Pendents', value: false }],

També cal afegir el computed getFilteredTasks:

  computed: {
    getFilteredTasks () {
      return this.dataTasks.filter((task) => {
        if (task.completed === this.filter.value || this.filter.value == null) return true
        else return false
      })
    }
  },

Per últim dins de l'etiqueta v-data-table editarem el parametre :items

:items="getFilteredTasks"

Revisar l'etiqueta v-select del nostre filtre que sigui amb els següents paràmetres:

                                label="Filtres"
                                :items="filters"
                                v-model="filter"
                                item-text="name"
                                :return-object="true"

from tasks.

Recommend Projects