[英]JS in blazor component
我正在尝试在 Blazor 组件中创建一条警报消息。 我不知道该怎么做。 我正在运行 ASP.NET Core 3.1 Blazor 服务器端。 这是我尝试过的
组件 function:
private async Task ShowAlert()
{
await JSRuntime.InvokeAsync<object>("ShowMsg");
}
Javascript 互操作:
function ShowMsg() {
success = "Success!";
return success;
}
文件host.cshtml
:
<script src="~/BlazorInterop.js"></script>
@page "/"
<button @onclick="MessageBox">Show Message</button>
@code
{
[Inject] IJSRuntime JSRuntime { get; set; }
protected async Task MessageBox()
{
await JSRuntime.InvokeVoidAsync("exampleJsFunctions.ShowMsg",
"Hello Blazor");
}
}
将以下脚本标记放在_Host.cshtml
文件中的<script src="_framework/blazor.server.js"></script>
下,如下所示:
<script src="_framework/blazor.server.js"></script>
<script>
window.exampleJsFunctions =
{
ShowMsg: function (message) {
window.alert(message);
}
};
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.