如何将Vue自定义指令应用于输入框以限制输入值？

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

需求+前端开发过程中，常遇到表单校验的需求，例如校验用户输入框的内容，限制用户只能输入数字。基于element-ui的el-form组件，可以绑定model和rule进行表单内容校验。

需求

前端开发过程中，经常遇到表单校验的需求，比如校验用户输入框的内容，限制用户只能输入数字。

本文内容基于 element-ui，el-form 组件可以绑定 model、rule 用于表单内容校验，但如果有多个表单多个输入框那就得写很多个 rule，虽然方法可以通用可是使用起来也是比较繁琐的，可通过自定义执行实现一次注册，多次使用。