pcpuma_unam_operador/components/operador/Activos.vue

<template>
  <TablaBuscadorPrestamo
    :actualizarTabla="actualizarTabla"
    :operador="operador"
    activos
    columnaBotonCancelar
    columnaHoraFin
    filaRetraso
  />
</template>

<script>
import TablaBuscadorPrestamo from '@/components/tablaBuscador/TablaBuscadorPrestamo'

export default {
  components: { TablaBuscadorPrestamo },
  props: { operador: { type: Object, required: true } },
  data() {
    return { actualizarTabla: false }
  },
  beforeCreate() {
    this.socket = this.$nuxtSocket({
      name: 'main',
      path: process.env.path,
    })

    this.socket.on('reconnect', (data) => {
      this.obtenerPrestamos()
    })

    this.socket.on('actualizar-operador', (data) => {
      if (this.operador.institucion.id_institucion === data.id_institucion)
        this.actualizarTabla = !this.actualizarTabla
    })
  },
}
</script>