vue通过自定义组件禁止input输入框输入emoji表情

最新推荐文章于 2024-01-24 10:15:59 发布

二个小朋友

最新推荐文章于 2024-01-24 10:15:59 发布

阅读量895

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/AiYa_He/article/details/125047537

版权

本文介绍了如何在Vue项目中通过自定义组件来禁止input输入框接收emoji表情。文章提供了一种js文件的封装方法，并说明了在main.js中全局引入该组件的步骤。

摘要由CSDN通过智能技术生成

首先封装好js文件，代码如下，如需自取：

import emojiRegex from 'emoji-regex';  //npm install emoji-regex
import Vue from 'vue';
Vue.directive('clearEmoji', {
   
  bind(el, binding, vnode, oldVnode) {
   
    const regex = emojiRegex();
    const obj = el.querySelectorAll('.el-input__inner,.el-textarea__inner')[0];
    let zclearNoNum = function (e)