直播商城源码，vue 自定义指令过滤特殊字符

直播商城源码，vue 自定义指令过滤特殊字符

 

1

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

​

使用

 

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

 

 以上就是 直播商城源码，vue 自定义指令过滤特殊字符，更多内容欢迎关注之后的文章