积极答复者
RazorClassLibrary 组件 如何注入 js 文件

问题
-
1、创建 Razor 类库,命名为 RazorClassLibrary1,目标框架 .net 5.0,不勾选 支持页面和视图,创建。
2、在 wwwroot/js, 添加一个js文件,命名:JavaScript1.js,js内容如下:
function test() { alert("Good Morning"); }
3、在 _Imports.razor 文件中,添加@using Microsoft.JSInterop
4、在 Component1.razor 中,添加以下代码:
@inject IJSRuntime jsRuntime <input type="button" onclick="test()" value="Click Me" /> @code{ protected override async Task OnAfterRenderAsync(bool firstRender) { await jsRuntime.InvokeVoidAsync("loadScript", "https://code.jquery.com/jquery-3.4.1.js"); await jsRuntime.InvokeVoidAsync("loadScript", "js/JavaScript1.js"); await base.OnAfterRenderAsync(firstRender); } }
5、新建 Blazor WebAssembly 应用,添加RazorClassLibrary1 项目引用,在_Imports.razor 添加 @using RazorClassLibrary1 ,在 Index.razor ,添加<Component1></Component1>
6、Blazor WebAssembly 应用项目,为什么,按钮点击后,不起作用?要怎样才能把 js 的文件也被引用过来?
2021年8月27日 9:48