Quasar的输入组件TextFiled（q输入）在转换输入时遇到问题-文本输入为大写

Question

当您尝试使用类星体的 q-input （文本字段）中的'大写'属性将输入字符串转换为大写字母时，它将在前面重复一次又一次输入文本（字符串）。您可以在打击gif中看到它。

代码段如下：

如果我从q-input中删除了大写字母的属性，那么这个问题也没有出现。同样，此问题仅在所有平板电脑和大屏幕设备中面临。在小型设备中，不会产生此问题。

Answer 1

作为第二种方法，请尝试以下操作：

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

Answer 2

import ImagePicker, {
  ImagePickerOptions,
  ImagePickerResponse,
} from 'react-native-image-picker';
import { openSettings } from 'react-native-permissions';

import { alertWrapper } from './alert';

export const selectPicture = (options: ImagePickerOptions) => {
  const pickerPromise = new Promise<ImagePickerResponse>((resolve) => {
    try {
      ImagePicker.showImagePicker(options, (response: ImagePickerResponse) => {
        if (response.didCancel) {
          return;
        }

        if (response.error) {
          if (response.error.includes('permissions')) {
            alertWrapper('Error', response.error, [
              { text: 'Open Settings', onPress: () => openSettings() },
            ]);
          }

          return;
        }

        resolve(response);
      });
    } catch (e) {
      throw e;
    }
  });

  return pickerPromise;
  };

<q-input :value=mytext type="text" @input= "val => { mytext = val.toUpperCase() }" /> 是您的 v 模型。