首頁(yè) 猿問(wèn) 從 javascript...

從 javascript 更新輸入字段時(shí)，Laravel livewire 模型不起作用？

JavaScript

holdtom 2023-09-21 17:15:43

我有一個(gè)文本輸入字段，如果我在其中輸入時(shí)自己更新它，效果會(huì)很好，但是，我需要的是讓這個(gè)輸入字段填充來(lái)自 javascript 的數(shù)據(jù)，而不是用戶(hù)的數(shù)據(jù)。這是我的輸入字段<input type="text" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="images" wire:model="images">如果我在輸入字段中輸入“123”，就會(huì)發(fā)生這種情況，我得到輸入字段的值：但是，當(dāng)我使用 javascript 更新它時(shí)，document.getElementById("images").value = "Hello" 輸入字段將填充新數(shù)據(jù)：但它不會(huì)進(jìn)行新的 fetch 調(diào)用來(lái)獲取數(shù)據(jù)，最后一個(gè)調(diào)用是在沒(méi)有 javascript 的情況下插入的“123”數(shù)據(jù)......知道如何在從 javascript 更新輸入值后獲取數(shù)據(jù)嗎？

查看完整描述

4 回答

慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊

使用javascript更改輸入值后，可以觸發(fā)輸入事件以使livewire更新模型。

document.getElementById("images").value = 'Hello';
document.getElementById("images").dispatchEvent(new Event('input'));

如果您使用wire:model.lazy，則應(yīng)該使用“change”事件而不是“input”

反對(duì) 回復(fù) 2023-09-21

瀟湘沐

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超6個(gè)贊

document.addEventListener('livewire:load', function () {

@this.set('images','Hello');

//console.log('Hello');

});

</script>

創(chuàng)建一個(gè)公共屬性名稱(chēng)“images”，在掛載中啟動(dòng)它。我希望它能解決你的問(wèn)題。讓我知道。

反對(duì) 回復(fù) 2023-09-21

FFIVE

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

您可以使用 livewire 中的內(nèi)聯(lián)腳本填充輸入字段，例如：

document.addEventListener('livewire:load',function ()

{

@this.images = "Hello";

});

反對(duì) 回復(fù) 2023-09-21

鳳凰求蠱

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊

在輸入字段的父元素上添加wire:ignore

喜歡

</div>

反對(duì) 回復(fù) 2023-09-21

4 回答
0 關(guān)注
260 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書(shū)簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

從 javascript 更新輸入字段時(shí)，Laravel livewire 模型不起作用？

從 javascript 更新輸入字段時(shí)，Laravel livewire 模型不起作用？

4 回答

添加回答

從 javascript 更新輸入字段時(shí)，Laravel livewire 模型不起作用？

從 javascript 更新輸入字段時(shí)，Laravel livewire 模型不起作用？