如何在asp.net core Blazor中调用js脚本文件

Question

如何在部分调用js脚本文件（app.js） @code

<script src="~/js/app.js"></script>
<script src="~/js/app.js">
function indexSlider(){
 alert(1);
}

@code{
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (!firstRender)
        {
            return;
        }

        await JSRuntime.InvokeAsync<string>("indexSlider");

    }
}

Answer 1

@inject IJSRuntime JSRuntime
@code{
IJSObjectReference module;
module = await JSRuntime.InvokeAsync<IJSObjectReference>("import","~/js/app.js");
await module.InvokeVoidAsync("indexSlider", null);}

这就是你可以做到的，并在你的 js 文件中定义一个这样的函数。

export function indexSlider() 
{ //do something};