el-input は文字の入力を制限します

1. 数字のみがサポートされています

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[^\d]/g,'')">
</el-input>

2. 数字と小数点を保持し、小数点以下 2 桁を保持します

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.')
  .replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')">
</el-input>

3. 英語の大文字と数字のみがサポートされています

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[\W]/g, '')">
</el-input>

4. 漢字と文字のみがサポートされています

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  @input="value = value.replace(/[^\a-\z\A\u4E00-\u9FA5]/g,'')">
</el-input>

5. 正の整数のみがサポートされます

<el-input
  v-model="value"
  placeholder="请输入"
  clearable
  onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))">
</el-input>

おすすめ

転載: blog.csdn.net/weixin_46054723/article/details/129199313