vue el-input输入框输入纯数字

参考原文作者:

https://blog.csdn.net/weixin_40137911/article/details/84754029?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3

<el-form-item
        label="成绩"
        prop="number">
        <el-input
          v-model="form.number"
          placeholder="长度大于x位且纯数字编号"
          @keyup.native="proving"/>
      </el-form-item>

export default {
  props: {
  },
  data() {
    return {
      form: {
        number: '',
      }
    }
  },
  created() {
 
  },
  methods: {
    proving() { // 监听:
      this.form.number = this.form.number.replace(/[^\.\d]/g, '')
      this.form.number = this.form.number.replace('.', '')
    }
 }

猜你喜欢

转载自blog.csdn.net/jack_bob/article/details/105579997