2

El $attrs en vue es algo realmente útil en el diseño de componentes. Si tengo un componente que genera una etiqueta a, podría usar $attrs para pasarle todas sus propiedades nativas sin necesidad de crear un parámetro para cada uno de ellos..

Por ejemplo, teniendo el siguiente componente..

<div>
    <a href="@Href" onclick="@OnClick" class="@Classes" style="@Styles">@Content</a>
</div>

Esto me obliga a declarar los parámetros Href, OnClick, Classes, Styles, pero sabemos que la etiqueta a tiene una gran cantidad de parámetros, como target, hreflang, etc y ni hablar de otros elementos como podría ser un input.

Habiendo mostrado este ejemplo..

¿Blazor tiene alguna funcionalidad similar?

Pregunta en inglés

1 respuesta 1

3

¡Si, la tiene!

Para esto, puede usarse el nuevo operador splat, por ejemplo

// MyComp

<div id="@Id" @attributes="InputAttributes"></div>

@code {
    [Parameter] string Id { get; set; } 
    [Parameter(CaptureUnmatchedValues = true)]
    private Dictionary<string, object> InputAttributes { get; set; }
}

La definición de un parámetro como el del ejemplo anterior, producirá que se apliquen todos los parámetros definidos en el componente que no coincidan con otro parámetro existente.

Uso:

<MyComp Id="foo" class="myclass" />

Debería renderizar

<div id="foo" class="myclass"></div>

Respuesta en inglés

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.