全局修改,给el-input添加一条表单校验

需求背景:

vue3项目使用的element-plus,需要给项目中所有使用到的el-input组件,新增一条表单校验,校验输入的长度。
有没有快捷的方式,一个个找input输入框加属性工作量太过庞大。

不成熟的解决方案:

想到了几个,暂都不太好实现

  1. 二次封装el-input再全局替换,但这就有个问题,官方文档中那么多属性方法怎么把属性完全对外暴露,挨个写?似乎工作量并没有减少,并不属于快捷办法
  2. 使用mixin全局混入,但问题是没怎么写过,不知道可不可行如何实现
  3. 全局组件,使用render函数重写继承ElInput组件,问题如上

求大佬给点指导意见,demo示例
菜的我好难受啊

阅读 1.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题