我有一个简单的双向绑定组件:
<input type="text" id="myInput" bind="@MyVar" />
...
@functions {
private string MyVar { get; set; } = "foo";
当我在输入框中写入文本时,一切运行正常。但是,如果输入值是从 javascript 设置的,则 blazor 无法检测到更改后的值。
document.getElementById('myInput').value='Random Value';
我尝试在元素上引发一些事件,例如“按下按键”等,但是私有变量 MyVar 在 blazor 客户端没有任何更改。
我想从客户端发回一些值,我想更改隐藏输入的值可能是解决方案,但不起作用。
由于 Blazor 将自身附加到 onchange 事件,因此您可以通过在设置元素后触发元素上的“onchange”事件来完成此操作。
var element = document.getElementById('myInput');
element.value = 'Random Value';
element.dispatchEvent(new Event('change')); //<--makes Blazor see the change
在许多情况下,当您可以使用现有的 javascript 库时,无需重新发明一切。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)