Blazor JS 集成

【问题标题】：Blazor JS integrationBlazor JS 集成
【发布时间】：2021-06-01 16:25:27
【问题描述】：

我们有一个客户要求，其中客户计划在他的网站上实施 Blazor。我的产品基本上是一个在客户端运行的 JS 脚本，它位于 HTML 的头部。现在我读到 Blazor 使用 C# 而不是 JS。所以我想知道我的脚本 src 在 head 部分会出现什么问题？

【问题讨论】：

什么是head标签？您想将 javascript 集成到 head 标签中吗？并且你可以分享一些必要的代码。
@karney 是的，它是一个 js 代码。示例 sn-p:

标签： javascript html asp.net-core blazor

【解决方案1】：

您可以参考pages/_Host.cshtml中的javascript。

然后在你的razor组件中，你需要注入IJSRuntime，并使用这个方法JSRuntime.InvokeVoidAsync("function", "parameter");

@inject IJSRuntime JSRuntime

<button class="btn btn-primary" @onclick="trigger">Click me</button>

@code {

  private void trigger()
  {
    JSRuntime.InvokeVoidAsync("method1", "this value");
  }
}

还有很多其他参数可以参考这个docuemnt。

【讨论】：