el-input当type=number时只能输入数字

布偶乱跑

于 2021-02-07 16:49:29 发布

阅读量1.8k

点赞数 1

分类专栏：后台管理文章标签： javascript html html5

本文链接：https://blog.youkuaiyun.com/weixin_44634372/article/details/113743335

版权

后台管理专栏收录该内容

23 篇文章

订阅专栏

这篇博客介绍了如何在Element UI的输入框组件中限制用户只能输入正整数，并添加自定义后缀。通过设置`type=number`、`min=0`、`max=999999`属性限制数值范围，同时利用`onKeypress`事件结合正则表达式过滤非法字符。此外，使用`slot=append`添加了`.com`作为输入框的后缀。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用element过程中，遇到了输入框需要加后缀，只能输正整数的需求，搜索后找到方法:

 <el-input  type="number"
            min="0"
            max="999999"
            onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
            v-model="value1">
    <template slot="append">.com</template>
 </el-input>