vue 禁止输入表情

在Vue中禁止输入表情可以通过以下代码实现：

<template>
  <div>
    <textarea @input="handleInput"></textarea>
    <input @input="handleInput" />
  </div>
</template>

<script>
export default {
  methods: {
    handleInput(e) {
      let value = e.target.value;
      // 禁止输入emoji表情，兼容大部分手机
      value = value.replace(/[\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, '');
      value = value.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g, '');
      value = value.replace(/[\uE000-\uF8FF]/g, '');
      // 禁止回车换行
      e.target.value = value;
    },
  },
};
</script>

这段代码通过正则表达式过滤掉了所有的emoji表情，并禁止了回车换行。