如果一个元素在第一次渲染中被隐藏（例如，该元素在一个 if 语句范围内，它被评估为 false，所以不会被渲染），并且某些事件使它出现（if 语句评估为 true）渲染后更新内部元素引用。这绝对没问题。
但是如果发生相反的事件流（首先是真的，然后被某些事件隐藏），元素引用在渲染后不会更新，仍然显示原始 id 而不是 null 或空字符串。在这种情况下，如果我使用该元素引用调用 JsInterop，则会给出元素不存在的错误（这显然是正确的）。问题是元素引用仍然有以前的id，渲染后没有改变。
问题是如何判断一个元素是否可见（渲染、存在）？
【问题讨论】：
标签： c# blazor blazor-webassembly
Blazor 不会破坏 ElementReference 对象。它被保留以供进一步使用。但它总是填充新数据；也就是叛乱的 ElementReference 对象获得了一个新的 id。因此，您始终可以比较 id 的两个连续值
您可以将元素引用设置为其默认值：
elementRef = default(ElementReference);
这相当于将引用对象设置为null。
你可以检查天气元素引用确实存在这样的;
if (EqualityComparer<ElementReference>.Default.Equals(elementRef,
default(ElementReference)))
{
// Does not exist...
}
试试这段代码，看看你说的都是错的，除非我没听懂。
@page "/"
@if (display)
{
<div @ref="elementRef">Welcome to your new app.</div>
}
<button @onclick="@(() => display = !display )">Toggle</button>
<button @onclick="ConsoleWrite">Console</button>
@code{
private bool display = true;
ElementReference elementRef;
private void ConsoleWrite()
{
Console.WriteLine(elementRef.Id);
if (!EqualityComparer<ElementReference>.Default.Equals(elementRef, default(ElementReference)))
{
Console.WriteLine("return false");
}
// Set the element reference to its default value
elementRef = default(ElementReference);
if (EqualityComparer<ElementReference>.Default.Equals(elementRef, default(ElementReference)))
{
Console.WriteLine("Return true after being set to its default value");
}
Console.WriteLine("elementRef.Id is null now" + elementRef.Id);
}
}
【讨论】：