window.print 在 Blazor WASM 中

window.print in Blazor WASM

我是 Blazor 的新手,我一直在尝试查找 Blazor 中是否有任何 window.print() 等效项。 我想知道是否有任何预制的 component/helper 或我是否需要从头开始创建一个? 我已经搜索够了,找不到。

blazor 中没有等效项,但您应该考虑添加一个 javascript 文件,其中包含 window.print() 的方法,在 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");
    }
}