gpt4 book ai didi

javascript - 从 JS 更新时未检测到 Blazor 双向绑定(bind)

转载 作者:行者123 更新时间:2023-11-29 18:49:43 25 4
gpt4 key购买 nike

我有一个简单的双向绑定(bind)组件:

<input type="text"  id="myInput" bind="@MyVar" />
...
@functions {
private string MyVar { get; set; } = "foo";

当我在输入框上写文字时一切正常。但是,如果输入值是从 javascript 设置的,则 blazor 无法检测到更改后的值。

document.getElementById('myInput').value='Random Value';

我试图在元素上引发一些事件,例如“按键”等,但是私有(private)变量 MyVar 在 blazor 客户端没有任何变化。

我想从客户端发回 blazor 一些值,我想改变隐藏输入的值可能是解决方案,但不起作用。

最佳答案

当您在输入框中输入一个值时,会引发一个事件,因此 Blazor 知道这一点,并更新输入框绑定(bind)到的属性 ( MyVar )(这也是 Angular 双向绑定(bind)的工作方式),但是当您从 JavaScript 更改输入框的值时,Blazor 无法知道这种情况。

但是,嘿,你为什么要这样做?

要将数据从 JavaScript 发送到 Blazor,您应该在 Blazor 中定义一个公共(public)和静态方法,用属性 [JSInvokable] 进行注释,以及一个调用此方法的 JavaScript 函数:

[JSInvokable]
public static Task SendMessageAsync(string message)
{
// Do something with message
}

DotNet.invokeMethodAsync(assemblyName, 'SendMessageAsync', "Hello Blazor");

在这里阅读更多:https://blogs.msdn.microsoft.com/webdev/2018/07/25/blazor-0-5-0-experimental-release-now-available/

关于javascript - 从 JS 更新时未检测到 Blazor 双向绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51748825/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com