当前位置: 首页 > news >正文

el-input添加自定义指令只允许输入中文/英文/数字,兼容输入法事件

省流

script:

directives: {regexp: {inserted: (el, binding, vnode) => {let composition = falseconst formatValue = function (e) {if (composition) return// vnode.componentInstance组件实例vnode.componentInstance.$emit('input', e.target.value.replace(/[^\u4e00-\u9fa5a-zA-Z0-9/]/g, ''))}el.oninput = formatValue// 请务必使用addEventListenner,不信邪你试试el.oncompositionstartel.addEventListener('compositionstart', () => { composition = true })el.addEventListener('compositionend', e => {composition = falseformatValue(e)})}}
}

template:

<el-input v-regexp />

有问题欢迎指出

http://www.lryc.cn/news/137599.html

相关文章:

  • 0基础学习VR全景平台篇 第89篇:智慧眼-安放热点
  • java中用SXSSFWorkbook把多个list数据和单个实体dto导出到excel如何导出到多个sheet页详细实例?(亲测)
  • SpringBoot 01 如何创建 和pom的解析
  • axios详解
  • Docker分布式仓库
  • SQL注入之万能用户名
  • ubuntu20搭建环境使用的一下指令
  • GAN(生成对抗网络)
  • 实时同步ES技术选型:Mysql+Canal+Adapter+ES+Kibana
  • 禅道后台命令执行漏洞
  • 基于Spark+django的国漫推荐系统--计算机毕业设计项目
  • 向量数据库 Milvus:实现高效向量搜索的技术解析
  • 恒运资本:信创概念再度活跃,华是科技再创新高,南天信息等涨停
  • Synchronized锁升级
  • 记一个宏定义写法
  • 【数据结构】C语言实现栈(详细解读)
  • 3、Spring_容器执行
  • 五、pikachu之RCE
  • 最大不相交区间数量
  • Oracle给表空间添加容量
  • 2023年大数据与区块链国际会议 | EI、Scoups检索
  • 【洛谷算法题】P1000-超级玛丽游戏【入门1顺序结构】
  • ubuntu or kylinos软件安装错误的终极解决方案
  • 30分钟Python自动化从入门到实战(一)
  • FOC之SVPWM学习笔记
  • DSO 系列文章(3)——DSO后端正规方程构造与Schur消元
  • php 使用ES
  • 距离我成为炎帝的一次(比较近的一次)
  • Protobuf在IDEA中的插件安装教程
  • 中间件(上)