vue.js - Quasar 的 Input 组件 TextFiled (q-input) 在将输入文本转换为大写时出现问题

Question

当您尝试使用quasar 的q-input （文本字段）中的“大写”属性将输入字符串转换为大写时，它会一次又一次地重复先前输入的文本（字符串）。您可以在 gif 中看到这一点。

代码片段如下所示：

如果我从 q-input 中删除大写属性，那么这个问题也没有出现。此外，这一特殊问题仅在各种平板电脑和大屏幕设备中面临。在小型设备中，无法生成此问题。

Answer 1

As second way try following:

<q-input class="uppercase" type="text"></q-input>
<style>
    .uppercase input {
        text-transform: uppercase;
    }
</style>

Answer 2

<q-input :value=mytext type="text" @input= "val => { mytext = val.toUpperCase() }" />

mytext是你的 v 模型。