直播電商平臺開發，vue 自定義指令過濾特殊字元

直播電商平臺開發，vue 自定義指令過濾特殊字元

/**
 * @tags input 只可以輸入數字、字母、漢字
 * @example v-emoji
 */
export default (app) => {
  app.directive('emoji', {
    mounted(el, binding) {
      // console.log(binding)
      el.oninput = (e) => {
        if (e.target.value != '') {
          const pattern = new RegExp(/[^a-zA-Z0-9_\u4e00-\u9fa5]+$/gi);
          e.target.value = e.target.value.replace(pattern, '');
        }
        // el.blur();
        el.focus();
      };
      // el.onchange = (e) => {
      //   e.target.value = e.target.value.trim();
      // };
      el.onblur = (e) => {
        // console.log(e.target.value)
        e.target.value = e.target.value.trim();
      };
      el.onfocus = (e) => {
        // console.log(e.target.value)
        e.target.value = e.target.value.trim();
      };
    },
  });
};

使用

import { createApp } from 'vue';
import emoji from '/@/emoji';
const app = createApp({});
emoji(app);

 以上就是 直播電商平臺開發，vue 自定義指令過濾特殊字元，更多內容歡迎關注之後的文章