Estoy un poco confundido sobre cómo convertir esta plantilla en una función h () en Vue 3
<n-tooltip trigger="hover"> <template #trigger> <n-button> Duck </n-button> </template> If it looks like a duck, walks like a duck, and quacks like a duck...it must be a duck. </n-tooltip>He intentado esto, pero sé que estoy haciendo algo mal.
return h(NTooltip, { trigger: 'hover' } , [h('template' , null , { trigger: () => h(NButton,'Duck') } ), h('p','If it looks like a duck, walks like a duck, and quacks like a duck...it must be a duck')] )Cualquier ayuda es muy apreciada.
h('template') no es necesario para las etiquetas de plantilla, simplemente devuelva el contenido dentro del objeto (de los 3 parámetros)default:p no está en el ejemplo de la plantilla, y tampoco la necesita en la función de representación, solo devuelva el texto return h( NTooltip, { trigger: 'hover' } , { trigger: () => h(NButton,'Duck'), default: () => 'If it looks like a duck, walks like a duck, and quacks like a duck...it must be a duck' } )más información en: https://vuejs.org/guide/extras/render-function.html#passing-slots