La sintaxis correcta para la dinámica de la Esbelta componente y Pug pre-procesador

0

Pregunta

A continuación componente

<template lang="pug">

  svelte:component.OverflowSafeSingleLineLabel(this="{rootElementTag}")
    span.OverflowSafeSingleLineLabel-TextWithIncreasedLineHeight
      slot

</template>


<script lang="ts" context="module">

  const rootElementTag: string = "div";

</script>

causas

Uncaught TypeError: switch_value is not a constructor

si intenta utilizar es el componente hijo.

Si para cambiar el elemento raíz sólo para

.OverflowSafeSingleLineLabel

el error desaparecerá. Pero, ¿cómo hacer OverflowSafeSingleLineLabeldinámica? Espero que sea sólo mi, el novato (para el 2021) en Svelte, error.

pug svelte
2021-11-23 04:27:53
1

Mejor respuesta

1

No sé mucho de la pug sintaxis. Pero si que this se refiere a svelte:component: No se puede usar svelte:component para crear dinámicamente elementos del DOM, sólo se puede utilizar para crear Esbelta componentes. Para lograr lo que usted desea, usted necesitará svelte:element, un largometraje que todavía no está implementado (como de 23.11.2021).

2021-11-23 09:35:16

Gracias por la respuesta! ¿He entendido correcto que en la actualidad no hay tal funcionalidad que permite lograr el efecto deseado y sólo le queda hacer es cambiar/caso?
Takeshi Tokugawa YD

Sí. El problema de que las pistas de este es github.com/sveltejs/svelte/issues/2324
dummdidumm

Lo consiguió! Aceptado && upvoted su gran respuesta.
Takeshi Tokugawa YD

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................