主页 / coding / 问题 / 78950669
Accepted
Bill Kindig
Asked: 2024-09-05 05:51:42 +0800 CST

Blazor 组件 HTML 标签内的字符串是什么

  • 772

我是 Blazor 的新手，正在尝试弄清楚 Blazor 如何将组件呈现为 HTML 标记。如果我使用如下简单组件：

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

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

然后我运行我的应用程序，打开开发工具，生成的 HTML 如下：

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

的目的是什么 _bl_e4f3714a-7294-49f4-9c79-90762626ed41？

c#

2 个回答

  1. Best Answer

    它只是一个 Blazor 用来控制 DOM 元素的标识符，就像其他框架和库一样。

    其他框架使用虚拟 DOMS，当元素被渲染时标识符不可见。

    例如，Angular 使用如下标识符：

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

  2. 我在这里补充几点：这个github 线程中有关于此的评论。我在这里只引用相关部分：

    这些_bl_*属性由客户端 JS 代码为具有 的交互式渲染元素添加@ref。这些属性不存在于初始 HTML 中。
    因此，如果您仅使用 SSR，您将根本看不到这些属性（因为仅使用 SSR 的元素不是交互式渲染的）。

    所以这个属性对于 Blazor 机制来说是“非常内部”的东西。

    • 1

相关问题