BootstrapBlazor组件库,更优雅的调用js方法
BootstrapBlazor组件库更优雅的调用js方法
在blazor开发中,有时候需要去调用js代码来处理一些逻辑。使用BootstrapBlazor组件库自带的JSModuleAutoLoader
特性可以帮助我们更加方便、简洁的去调用js
下面我们用Live2DDisplay
这个组件为例
我们首先在razor文件中继承接口
@inherits BootstrapModuleComponentBase
然后引入特性,注意!这里要引用完整的js文件路径!
@attribute [JSModuleAutoLoader("./_content/BootstrapBlazor.Live2DDisplay/Components/Live2DDisplay/Live2DDisplay.razor.js", AutoInvokeInit = false, JSObjectReference = true, AutoInvokeDispose = false)]
因为涉及到传参,我们需要重写InvokeInitAsync
方法,如果不需要传参,可以把AutoInvokeInit
设置为true
,这样会自动调用init
方法,就不用去重写了。
protected override async Task InvokeInitAsync()
{
await InvokeVoidAsync("init", Id);
}
需要注意的是JSModuleAutoLoader
默认是调用init
方法
export function init(id) {
//...
}
分类:
Blazor
标签:
BootstrapBlazor
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战