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

zhibo系統開發發表於2023-01-30

直播電商平臺開發,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 自定義指令過濾特殊字元,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2933261/,如需轉載,請註明出處,否則將追究法律責任。

相關文章