从 JavaScript 渲染 Blazor 组件 - 如何在组件渲染后从 JavaScript 更新 Blazor 组件参数

Posted 2023-02-15

【中文标题】从 JavaScript 渲染 Blazor 组件 - 如何在组件渲染后从 JavaScript 更新 Blazor 组件参数

【英文标题】：Render Blazor components from JavaScript - How to Update a Blazor component parameter from JavaScript after component render

【发布时间】：2022-01-16 11:14:09

【问题描述】：

我正在通过 javascript 在 html 文档中呈现 Blazor 组件。它正在 100% 工作，但是一旦我的 Blazor 组件呈现，我就无法更新组件参数之一。此示例位于 .Net 6 RC1 规范中。对于参数的双向绑定，我将不胜感激。

我的 HTML 文件中的代码：

<script>
     async function loadComponent() 
    
      let containerElement = document.getElementById('my-counter');
    
      await Blazor.rootComponents.add(
       containerElement, 
      'counter',  currentCount: count );
    ;

</script>

我想在组件渲染后更新“Count”。

有关 Microsoft .Net6 RC1 说明，请参阅 here。

【参考方案1】：

我只有一种方式（blazor->JS）的想法。

您可以定义一个 JS 函数来增加计数器并使用 blazor 调用它。

calling a JS fcuntion

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。