el-input如何限定为只能输入数字？

Question

具体就是不能输入非数字，保证取到的value值是数字

最好有指令的例子以便复用。

Answer 1

可以使用 v-model.number 修饰符将用户输入转化为数字 但是这个无法阻止用户输入非数字
也可以 <el-input type="number"/> 这个就只能输入数字了 (包括小数)

Answer 2

type="number" safari浏览器就不能满足要求

Answer 3

<template>
  <el-input
    @input.native="inputhandle"
    v-model="content"
  ></el-input>
</template>
<script>
export default {
  data() {
    return {
      content: ''
    };
  },
  methods: {
    inputhandle({target}) {
      target.value = target.value.replace(/\[^0-9\]/gi, '');
    }
  }
};
</script>

Answer 4

oninput="value=value.replace(/¹/g,'')"

---

1. d ↩