相关疑难解决方法(0)

使用 Blazor 调用 JavaScript 函数(来自外部库)

我尝试调用一个 JS 函数。JS 脚本由第三方提供。

在简单的 HTML/JS 中,我可以写:

<html>
    <head>
        <script src="myscriptA.js"></script>
        <script src="myscriptB.js"></script>
    </head>
    <body>
        <div id="foo"></div>
        <div id="bar"></div>
        <script>
            var viewer = new foo.Viewer('foo', /*other params*/);
            viewer.function1().then(() => { /*ommited code*/ }).catch((error) => { console.log(error)});
            document.getElementById('bar').addEventListener('click', event => {
                var b1 = new B('bar', /*params*/)});
                var b2 = new B('foo');
            viewer.addB(b1, b2, { click: function(e) { viewer.function2() } });
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想用 Blazor 做同样的事情。目前,我可以myscriptA.js使用我的组件访问该文件:

Page3.razor

@page "/Page3"
@inject IJSRuntime JS
@code {
    var scriptA = await …
Run Code Online (Sandbox Code Playgroud)

javascript c# blazor blazor-webassembly

1
推荐指数
1
解决办法
658
查看次数

标签 统计

blazor ×1

blazor-webassembly ×1

c# ×1

javascript ×1