Blazor:在子组件加载JS文件并暴露它的方法
创始人
2024-12-22 12:30:24
0
  1. 创建一个名为“ChildComponent”的子组件,该组件将加载JavaScript文件并暴露其方法。以下是一个示例:

@using Microsoft.JSInterop @inject IJSRuntime jsRuntime

@code { protected override async Task OnInitializedAsync() { var module = await jsRuntime.InvokeAsync("import", "/js/MyScript.js"); await module.InvokeAsync("Initialize", DotNetObjectReference.Create(this)); }

[JSInvokable] public void JsMethod(string message) { Console.WriteLine("JS invoked with message: " + message); }

private async Task CallJsMethod() { var module = await jsRuntime.InvokeAsync("import", "/js/MyScript.js"); await module.InvokeVoidAsync("MyMethod"); } }

  1. 在JavaScript文件(MyScript.js)中,我们定义了一个可以调用子组件的JavaScript函数:

function MyMethod() { DotNet.invokeMethodAsync('ChildComponent', 'JsMethod', 'Hello from JS!'); }

  1. 使用子组件时,可以像这样调用它:

相关内容

热门资讯

第三分钟带你讲究!星悦云南丽江... 第三分钟带你讲究!星悦云南丽江卡二辅助,樱花之盛辅助器,普及教程(有挂总结)-哔哩哔哩;无需打开直接...
第5分钟带你透视!来趣广西辅助... 第5分钟带你透视!来趣广西辅助,新青鸟必胜,新版2026教程(今日头条)-哔哩哔哩 >>您好:软件加...
第二分钟带你科普!微乐小程序多... 第二分钟带你科普!微乐小程序多乐辅助器,哥哥打大a游戏攻略,揭秘教程(存在有挂)-哔哩哔哩 >>您好...
第八分钟带你科普!赣牌圈控制牌... 第八分钟带你科普!赣牌圈控制牌型,掌中乐游戏辅助工具,科技教程(有挂技巧)-哔哩哔哩 了解更多开挂安...
1分钟带你讲解!微信边锋辅助挂... 四川途游破解安装包是一款专注玩家量身打造的游戏记牌类型软件,在四川途游破解安装包这款游戏中我们可以记...
5分钟带你辅助!微乐小程序透视... 5分钟带你辅助!微乐小程序透视工具,一起宁德钓蟹辅助器,AA德州教程!(有挂透视)-哔哩哔哩您好:一...
第六分钟带你讲究!打两圈绝对有... 您好:这款情怀七喜游戏辅助游戏是可以开挂的,确实是有挂的,很多玩家在这款情怀七喜游戏辅助游戏中打牌都...
第5分钟带你讲究!战皇大厅辅助... 第5分钟带你讲究!战皇大厅辅助排行,哈糖大菠萝诀窍,解说技巧(有挂存在)-哔哩哔哩>>您好:软件加薇...
十分钟带你详情!情怀大陆dnf... 十分钟带你详情!情怀大陆dnf辅助,大菠萝免费辅助,玩家教程(有挂技巧)-哔哩哔哩 了解更多开挂安装...
五分钟带你开挂!奇迹辅助思维脚... 五分钟带你开挂!奇迹辅助思维脚本,广西老友玩游戏辅助器,高科技教程(有挂助手)-哔哩哔哩 【无需打开...