Início / coding / Perguntas / 78950669
Accepted
Bill Kindig
Asked: 2024-09-05 05:51:42 +0800 CST

O que é essa string dentro da tag HTML dos componentes Blazor

  • 772

Sou novo no Blazor e estou tentando descobrir como o Blazor renderiza componentes em tags HTML. Se eu usar um componente simples como este:

<InputText @bind-Value="testvalue" id="sample-textbox"></InputText>

@code {
    public string testvalue = "abc123";
}

Então executo meu aplicativo, abro as ferramentas de desenvolvimento e o HTML resultante é este:

<input id="sample-textbox" _bl_e4f3714a-7294-49f4-9c79-90762626ed41="">

Qual é o propósito de _bl_e4f3714a-7294-49f4-9c79-90762626ed41?

c#

2 respostas

  1. Best Answer

    É simplesmente um identificador que o Blazor usa para controlar elementos DOM, da mesma forma que outras estruturas e bibliotecas fazem.

    Outras estruturas usam Virtual DOMS e o identificador não fica visível quando os elementos são renderizados.

    Por exemplo, o Angular usa identificadores como este:

    <div _ngcontent-ng-c1557778241="" class="scrollable guidance-carousel">
    • 3

  2. Para adicionar meus poucos centavos aqui: há este tópico no github com este comentário sobre isso. Citarei apenas a parte relevante aqui:

    Os _bl_*atributos são adicionados pelo código JS do lado do cliente para elementos renderizados interativamente que têm um @ref. Os atributos não estão presentes no HTML inicial.
    Como tal, se você usar somente SSR, não verá esses atributos (já que elementos somente SSR não são renderizados interativamente).

    Então esse atributo é algo "muito interno" aos mecanismos do Blazor.

    • 1

relate perguntas