一、vueinput只能输入数字和小数
vueinput是一种基于Vue.js框架的输入框组件，在这个组件中可以设置只能输入数字和小数。在vueinput中，有一个属性叫做"inputmode"，通过设置为"decimal"可以让输入框只能输入数字和小数点。
<template>
<div>
<vueinput v-model="value" inputmode="decimal"></vueinput>
</div>
</template>
以上是一个简单的示例，设置了vueinput只能输入数字和小数。接下来，我们来介绍一些inputmode的常用值。
二、vueinput只能输入数字和字母
除了只能输入数字和小数点之外，vueinput还支持只能输入数字和字母。要实现这一功能，需要设置inputmode为"numeric"。在这个模式下，键盘上只显示数字和字母键。
<template>
<div>
<vueinput v-model="value" inputmode="numeric"></vueinput>
</div>
</template>
以上示例代码设置了vueinput只能输入数字和字母。下面介绍一些其他的常用inputmode值。
三、input只能输入数字的属性
除了使用vueinput组件来实现只能输入数字的功能之外，html5中也提供了一些属性来实现这一需求。
第一个属性是type="number"，这个属性告诉浏览器输入框中只能输入数字。
<template>
<div>
<input v-model="value" type="number">
</div>
</template>
第二个属性是min、max和step。可以使用min和max来限制输入的数字范围，使用step来设置数字的间隔。
<template>
<div>
<input v-model="value" type="number" min="0" max="100" step="10">
</div>
</template>
四、input只能输入数字
除了只能输入数字和小数点之外，还有一些需求是只能输入数字，不允许输入其他字符，可以使用pattern属性来实现。
<template>
<div>
<input v-model="value" pattern="[0-9]*">
</div>
</template>
以上代码使用了正则表达式来限制输入只能为数字字符。
五、input输入框只能输入数字
如果不想使用以上的属性来实现只能输入数字的需求，可以使用JavaScript代码来控制。
<template>
<div>
<input v-model="value" @keyup="value=value.replace(/\D/,'')">
</div>
</template>
以上代码通过监听keyup事件来实现只能输入数字的功能。通过JavaScript的replace方法来替换非数字字符为空字符。
六、input框只能输入数字
有些浏览器不支持inputmode属性，这时候可以使用另外一种方法来实现只能输入数字的功能。
<template>
<div>
<input v-model="value" oninput="value=value.replace(/[^0-9]/g,'')">
</div>
</template>
以上代码使用了oninput事件来监听输入框的值，如果不是数字，就替换为空字符。
七、vueinput框输入不进去值
有时候会发现，vueinput框无法输入值，这是因为在vue中，v-model默认会将输入框的值转化为字符串类型，而vueinput只能输入数字。解决方法是将v-model绑定的变量值设为数字类型。
<template>
<div>
<vueinput :value="num" @input="num=$event.target.value"></vueinput>
</div>
</template>
<script>
export default {
data() {
return {
num: null
}
}
}
</script>
以上代码将v-model绑定的变量value设为null，这样输入框就可以进行输入了。同时，使用@input监听输入事件，将输入框的值转化为数字类型。
