Blazor在组件中导入JavaScript文件并在多个页面中使用时的JSRuntime问题。 _程序开发

创始人

2024-12-22 06:00:03

0次

为了解决这个问题，我们可以使用依赖注入将JSRuntime注入到组件中，并在组件中创建JavaScript对象，然后通过JavaScript对象与JavaScript文件进行交互。

代码示例：

// Demo.js

var Demo = {

showAlert: function (message) {
    alert(message);
}

};

export { Demo };

@inject IJSRuntime JSRuntime

@code { private Demo demoObject;

protected override async Task OnInitializedAsync()
{
    demoObject = new Demo(await JSRuntime.InvokeAsync("import", "./js/Demo.js"));
}

}

这个解决方法允许我们在组件中轻松地导入和使用JavaScript文件，并在多个页面中共享。

盘点几款!棋乐棋牌辅助器功能攻... 盘点几款!棋乐棋牌辅助器功能攻略,棋乐棋牌原来是有辅助器攻略（有辅助挂存在）1、玩家可以在棋乐棋牌线...

一分钟教你!龙娱辅助功能攻略,... 一分钟教你!龙娱辅助功能攻略,龙娱真是有辅助攻略（有辅助挂实锤）一分钟教你!龙娱辅助功能攻略,龙娱真...

玩家必看科普!微乐河北麻将辅助... 玩家必看科普!微乐河北麻将辅助器功能神器,微乐河北麻将都是是真的有辅助器神器（有辅助挂辅教程）1、在...

我来教教大家!水果汇开挂功能a... 我来教教大家!水果汇开挂功能app,水果汇都是真的是有开挂app（有辅助挂秘笈）1、每一步都需要思考...

让我来分享经验!桔梗游戏开挂功... 让我来分享经验!桔梗游戏开挂功能app,桔梗游戏本来真的是有开挂app（有辅助挂实锤）在进入桔梗游戏...

分享个大家!鸿福开挂功能技巧,... 分享个大家!鸿福开挂功能技巧,鸿福确实存在有开挂技巧（有辅助挂秘诀）1、鸿福免费辅助多个强度级别选择...

热点推荐!新蓝鲸辅助器功能方法... 热点推荐!新蓝鲸辅助器功能方法,新蓝鲸一直真的有辅助器方法（有辅助挂规律）1、用户打开应用后不用登录...

三分钟了解!福乐游贰柒拾透视挂... 三分钟了解!福乐游贰柒拾透视挂功能神器,福乐游贰柒拾都是真的有透视挂神器（有辅助挂总结）暗藏猫腻，小...

分享一款!卡贝大厅透视功能教程... 分享一款!卡贝大厅透视功能教程,卡贝大厅竟然是真的有透视教程（有辅助挂总结）运卡贝大厅辅助工具，进入...

我来教教你!外星人辅助器功能神... 我来教教你!外星人辅助器功能神器,外星人真是真的是有辅助器神器（有辅助挂详细）1、这是跨平台的外星人...