【Element】el-input 限定输入是只能是数字和符号 -

努力挣钱的小鑫

于 2024-01-15 10:18:15 发布

阅读量1.1k

点赞数 9

分类专栏： Element 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/IAIPython/article/details/135594931

版权

Element 专栏收录该内容

27 篇文章

订阅专栏

这篇文章介绍了如何在Vue.js应用中，使用v-model绑定input组件的值，并通过正则表达式进行数据校验，仅允许输入数字和特定符号（如加号或减号）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div>
    <el-input v-model="inputValue" @input="handleInput"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleInput(value) {
      // 使用正则表达式检查输入值，只允许数字和特定符号
      this.inputValue = value.replace(/[^\d+-]/g, '');
      // 正则表达式 /[^\d+-]/g 只允许数字和加号减号，你可以根据你的需求调整这个正则表达式。
    }
  }
};
</script>