首頁猿問使用 Alpine.js...

使用 Alpine.js 將輸入文本更改為大寫

JavaScript

HUX布斯 2023-03-10 15:13:59

我希望輸入到我的 HTMLinput框中的每個(gè)字符都變成大寫。這是我嘗試使用可通過 CDN 獲得的最新 Alpine.js 的方法。<input x-data="{myText: '' }" x-text="myText" type="text" @keydown="myText.toUpperCase();" name="myText" placeholder="Some Text"/>這似乎效果為零。解決這個(gè)問題的正確方法是什么？

查看完整描述

1 回答

一只甜甜圈

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

有幾件事正在發(fā)生。首先，您綁定到 keydown 但沒有將大寫值分配給任何反應(yīng)性屬性。其次是您可能想使用x-bind:value.

<input 
   x-data="{myText: '' }" 
   type="text" 
   @keyup="myText = $event.target.value.toUpperCase()"
   :value="myText"
   name="myText" 
   placeholder="Some Text"/>

反對回復(fù) 2023-03-10