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

最新推荐文章于 2025-01-16 14:48:19 发布

原创最新推荐文章于 2025-01-16 14:48:19 发布 · 1.2k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

Element 专栏收录该内容

27 篇文章

订阅专栏

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

<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>