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

最新推荐文章于 2024-01-17 09:31:34 发布

努力挣钱的小鑫

最新推荐文章于 2024-01-17 09:31:34 发布

阅读量728

点赞数 8

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

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

版权

Element 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

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