window.print in Blazor WASM

Question

我是Blazor的新手，我一直在努力寻找Blazor中是否有等效的window.print()。我想知道是否有任何预先制作的组件/助手，或者我需要从头开始创建一个吗？我已经找够了，找不到了。

Answer 1

blazor中没有等效的方法，但您应该考虑添加一个带有window.print((方法的javascript文件，在index.html中引用它，并使用注入的IJSRuntime调用它。

index.html 中的参考

<script src="js/script.js"></script>

Javascript文件

function printInvoke() {
window.print();
}

组件中的示例

@page "/print"
@inject IJSRuntime Js
<h3>PrintTest</h3>
<button @onclick="Print"></button>
@code {
private async Task Print()
{
await Js.InvokeVoidAsync("printInvoke");
}
}