Blazor - .NET 5：自动调整 iframe 大小答案

【问题标题】：Blazor - .NET 5 : having iframes resized automaticallyBlazor - .NET 5：自动调整 iframe 大小
【发布时间】：2021-06-30 16:02:45
【问题描述】：

我使用 .NET 5 创建了一个 ASP.NET 核心项目，它包含 iFrame，其 src 属性引用 SSRS 报告：

<iframe src=@($"http://localhost/MyReportSvc?param1=...") scrolling="no" style="width:625px;height:100%" frameborder="0" />

但内容是动态的，iframe 高度会根据 URL 参数而变化。

请告诉我是否有办法（肯定是在 javascript 中）根据内容的高度自动设置高度。

谢谢

请注意：我发现了这个：related page，但我无法在我的 blazor 项目中使用它。我希望这不是缓存问题。有人可以试试这个并告诉我它是否适用于 .NET5 的 blazor 项目？

【问题讨论】：

【解决方案1】：

您会想了解JsInterop。

另请注意，Blazor 可以使用 @ref 获取对特定 html 元素的引用，然后可以将其传递给您的 JavaScript 函数。

一旦您研究了 JsInterop 和 @ref，如果您仍有任何问题，请回来提供更多细节，我相信我们可以帮您解决问题。 :D

【讨论】：

我已经使用了 JSInterop，但是对于 DOM 搜索，也许我应该按照你的建议使用 @ref。我会尝试告诉你它是否有效。
@ref 只是给你一个可以传递给 JavaScript 的参考。你也可以像平常一样使用 JavaScript——按类搜索元素等。事实上，我认为你甚至根本不需要使用 JsInterop——我相信如果你的脚本在窗口事件上加载，它只会运行通过包含它。