Javascript 使用Alpine.js将输入文本更改为大写

我希望输入HTML

input

框中的每个字符都大写。以下是我正在尝试使用最新的Alpine.js（通过CDN提供）的方法

<input 
   x-data="{myText: '' }" 
   x-text="myText" type="text" 
   @keydown="myText.toUpperCase();" 
   name="myText" 
   placeholder="Some Text"/>

---

这似乎没有任何效果。解决这个问题的正确方法是什么？

有两种情况。首先，您绑定到keydown，但不将大写值分配给任何被动属性。其次，您可能希望使用

x-bind:value

---

发生了几件事。首先，您绑定到keydown，但不将大写值分配给任何被动属性。其次，您可能希望使用

x-bind:value

当我修改

@change

以改为使用

@keyup

时，此功能会起作用。如果您能验证这一点，则可以将其作为答案。经过修改，原则是相同的。当我修改

@change

以使用

@keyup

时，这一点同样有效。如果你能证实这一点，你可以将其作为答案。经过修改，原则是一样的