首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将Blazor JS脚本转换为blazor组件

将Blazor JS脚本转换为blazor组件
EN

Stack Overflow用户
提问于 2022-07-30 23:41:46
回答 2查看 436关注 0票数 1

我正在构建一个Blazor应用程序,我需要动态添加一个JavaScript文件,这个文件只在一个Blazor组件中使用。如您所知,Blazor只允许向根HTML文档添加脚本标记。这使得很难添加仅在单个组件中需要的JavaScript文件。

剧本是

在脚本标记上设置data-main=“payment”属性非常重要。

在Blazor中,iframe渲染有什么限制吗?该脚本在特定的Blazor组件上呈现多个iframes,作为符合PCI的支付系统集成的一部分。

该脚本在一个简单的HTML文件中工作。

如能提供任何帮助,我将不胜感激。

EN

回答 2

Stack Overflow用户

发布于 2022-07-31 00:15:39

编辑:

也许MarkupString可以帮上忙:

代码语言:javascript
复制
@((MarkupString)script)

@code {
    string script = "<script data-main="payment-js" src="gateway.tillpayments.com/js/integrated/…>";
}

旧答案:

您可以使用特殊的HeadContent组件将脚本添加到组件的<head>标记中。

代码语言:javascript
复制
<HeadContent>
    <script suppress-error="BL9992" data-main="payment-js" src="gateway.tillpayments.com/js/integrated/…>
</HeadContent>

您必须添加属性suppress-error="BL9992",这样它就不会给您带来错误RZ9992。

更多信息:https://learn.microsoft.com/en-us/aspnet/core/blazor/components/control-head-content?view=aspnetcore-6.0#control-head-content-in-a-razor-component

还有一个库,用于在blazor中加载脚本:https://github.com/excubo-ag/Blazor.ScriptInjection

票数 1
EN

Stack Overflow用户

发布于 2022-09-13 18:26:27

这可以通过使用script loaderJSRuntime来实现。看看

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73179765

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档