Estoy tratando de usar funciones de procesamiento con vue 3, y por alguna razón no puedo devolver mi JSX directamente en return () => [] , pero necesito devolverlo desde dentro de una función, y me preguntaba si eso es posible.
Esto es lo que estoy tratando de hacer:
const testreturn = () => { return h('div', { id: 'foo', innerHTML: 'hello world' }, []) } return () => [ testreturn ] Si pruebo esto, en lugar de ver 'hola mundo' en mi plantilla, veré la función testreturn impresa en la pantalla.
En cambio, si intento esto:
return () => [ h('div', { id: 'foo', innerHTML: 'hello world' }, []) ]Veré un div en mi plantilla. ¿Hay alguna manera de lograr lo que estoy tratando de hacer en el primer caso?
¿No sería suficiente simplemente llamar a la función así?
return () => [ testreturn() ] Al final, esto es lo mismo que cuando incluye h(...) directamente en la matriz de retorno. Vue no ejecutará una función cuando la use dentro de la plantilla.