如何用Vue限制input文本框仅输入0到99之间的正整数？

本文共计522个文字，预计阅读时间需要3分钟。

目录：Vue + Input文本框只能输入0-99的正整数

内容：Vue中的Input文本框实现只能输入0-99的正整数功能，可以通过自定义指令来实现。利用Vue的自带watch监听器，可以直接在代码中实现这一功能。

代码示例：javascriptVue.directive('only-integer', { bind(el, binding, vnode) { el.addEventListener('input', function(event) { const value=event.target.value; if (!/^\d*$/.test(value) || value > 99) { event.target.value=value.replace(/\D/g, ''); if (value > 99) { event.target.value=99; } } }); }});

// 使用自定义指令

目录

• vue input文本框只能输入0-99的正整数
• 通过自定义指令实现文本框只能输入正整数

vue input文本框只能输入0-99的正整数

利用vue里面自带的watch监听器就可以了。话不多说，直接贴代码。