Blazor服务器:如何动态生成href

我不确定这是否可能。但是,在您的情况下,最好在锚标记上使用onclick处理程序,并在该处理程序内使用NavigationManager转到动态生成的URL。在这种情况下,锚点标记的href应为href=“”,以确保单击链接时浏览器不会干扰NavigationManager。

以下是一个示例:

@page "/"

@inject IJSRuntime JSRuntime

<a href="" @onclick="OnClickHandler">View</a>

@code {
    private async void OnClickHandler()
    {
        var token = "77465691";
        await JSRuntime.InvokeVoidAsync("open", $"https://stackoverflow.com/questions/{token}", "_blank");
    }
}

您可以将按钮与单击事件处理程序一起使用。

1. 创建一个按钮 onclick 事件处理程序

<button type="button" @onclick="@OnButtonClick">
Click me to generate dynamic URL
</button>

2. 在事件处理程序中生成URL并使用 NavigationManager 进行导航。

@inject NavigationManager NavigationManager
@code {
  private void OnButtonClick()
  {
    string url = GenerateUrl();
    NavigationManager.NavigateTo(url);
  } 

  private string GenerateUrl()
  {
    // TODO: implement
    return "/";
  }  
}

编辑

由于要求您使用正常的锚点功能(例如在新选项卡中打开),我建议您链接到充当中介的页面。中间页面将在初始化时生成链接,然后重定向到动态页面。

1. 创建到中介页面的链接

<a href="/my-link-generator" target="_blank">
Link to dynamic URL
</a>

2. 创建中介页面

@page "/my-link-generator"

@inject NavigationManager NavigationManager
@code {
  protected override void OnInitialized()
  {
    string url = GenerateUrl();
    NavigationManager.NavigateTo(url);
  }
  
  private string GenerateUrl()
  {
    // TODO: implement
    return "/";
  }
}

来自(Nb777)的帖子有帮助

等待jsRuntime。InvokeAsync(“打开”,“”https://www.google.com/“”,“_blank”);