滄海一幻覺(jué)
2024-01-18 16:46:19
在 .NET 5 blazor 應(yīng)用程序中,我使用 JavaScript 庫(kù)來(lái)讀取條形碼。當(dāng)我按下 blazor 頁(yè)面上的按鈕時(shí),我調(diào)用 javascript 函數(shù)。Javascript 函數(shù)讀取條形碼并設(shè)置輸入字段的值。有一個(gè)綁定到字符串值的輸入字段:<input id="result" @bind="@Received"/>@code { private string Received { get; set; } }單擊按鈕調(diào)用 JavaScript 函數(shù):public async Task Start(){ await JSRuntime.InvokeVoidAsync("startBarcodeReader");}Javascript 函數(shù)設(shè)置輸入字段的值:document.getElementById('result').value = "Barcode Value";一切都按我的預(yù)期進(jìn)行,我在屏幕上看到條形碼值。我想Received在單擊另一個(gè)按鈕時(shí)使用。然而綁定值是空的。未設(shè)置。public async Task Add(){ // Received is null await Task.CompletedTask;}如果我手動(dòng)在輸入字段中輸入內(nèi)容,則設(shè)置 Received 變量的值。除非焦點(diǎn)丟失,否則綁定似乎不會(huì)設(shè)置綁定變量。如何獲取我在輸入字段中看到的值?我嘗試使用 inout 字段的 oninout 事件,但沒(méi)有成功。
1 回答

繁星點(diǎn)點(diǎn)滴滴
TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超3個(gè)贊
通常,您的 JS 代碼不應(yīng)以任何方式干擾 Blazor 的渲染和邊界功能。因此,您不能在 JavaScript 中為輸入字段賦值并期望該值傳遞給邊界變量Received
。這永遠(yuǎn)不會(huì)發(fā)生。Blazor 如何知道輸入字段的值已更改!輸入字段是否附加了任何事件偵聽器來(lái)通知 Blazor 已輸入值?沒(méi)有任何。
解決方案:將值傳遞給 Blazor 方法,在該方法中您可以更新變量Received
...之后組件將重新渲染,輸入字段將在其中顯示相同的值,但這一次是通過(guò)渲染和Blazor 的邊界功能。
注意:您可以DotNetObjectReference
調(diào)用 JavaScript,將其傳遞給 C# 對(duì)象,該對(duì)象定義了從 JavaScript 調(diào)用時(shí)接收條形碼值的方法。
添加回答
舉報(bào)
0/150
提交
取消