1. 程式人生 > 其它 >vue emoji表情符號替換

vue emoji表情符號替換

<inputv-model="value"@input="setValue($event.target)"placeholder="editme">

export default {
  name: 'MainContent',
    data () {
      return {
          value:''
      }
    },
    methods: {
      setValue (target) {
        let val = target.value;
        let pattern = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/ig
          if(pattern.test(val)){
            val =  val.replace(pattern, '');
            console.info("匹配到了表情");
          }
        this.value = val;
      }
    }
}