-Actualizado: 23
<div class="tab-pane fade-in active" id="nasigned">
<div id="app5">
<!--Usando el prop fuera de una función-->
<nAsignedCalls :registers="registers"></nAsignedCalls>
<!--Usando el prop dentro de una función (fetchData)-->
<nAsignedCalls :propRegisters="propRegisters"></nAsignedCalls>
</div>
</div>
import { ref, toRef } from 'vue'
import nAsignedCalls from '../roomBooss/nasignedCalls'
import { getRegisters } from '../composables/nCalls' //Exportación nombrada (Simplificación)
let param_search = ref({}) //Ahora es reactiva
let address = ''
let propRegisters = ref([])
//Ya no necesita declarar registers, ahora pasa directamente la promesa del composable (resuelta) como prop (Fuera de una función)
//Fuera de una función puede pasar registers directamente como prop.
const { registers } = getRegisters(toRef(param_search, 'param_search'))
const fetchData = () => {
//En vue puede usar v-model para esto
address = document.getElementById('address').value
if (address != '') {
/*param_search es ahora reactiva, use: .value*/
/*No olvide que param_search es usada como la variable, no como el parámetro de fetchData (explicación en el ultimo bloque)*/
param_search.value['parameter'] = 'address'
param_search.value['value'] = address
}
//...
//...
const { registers } = getRegisters(toRef(param_search, 'param_search'))
propRegisters.value = registers //Ahora no necesita usar async/await y en lugar de declarar en el componente la variable register la pasa como prop directamente.
}
-Actualización 23: En cuanto al composable nCalls (que no funciona como un composable), esta retornando por defecto 2 claves (la función y una variable de la misma función) lo cual es un error en la promesa de getRegisters
ya que debe retorna la promesa resuelta (que viene en registers) y solo tendría que desde formTelemarketing asignar directamente como prop a nAsignedCall evitando usar async/await y declarando variables temporales:. En caso de querer usar el composable dentro de la función fetchData sí debe crear una variable y asignar el retorno del composable y pasarlo como prop.