限制 el-input 输入 emoji

1. 电脑如何输入 emoji 表情 ?

快捷键 win+; 或 win+.

2. 代码实现

<template>
  <el-input v-model="input" placeholder="请输入内容" @input="inputChange">el-input>
template>

<script>
export default {
  name: 'Demo',
  data () {
    return {
      input: ''
    }
  },
  methods: {
    inputChange (value) {
      this.input = value.replace(/(\ud83c[\udc00-\udfff])|(\ud83d[\udc00-\udfff])|(\ud83e[\udc00-\udfff])|[\u2100-\u32ff]|[\u0030-\u007f][\u20d0-\u20ff]|[\u0080-\u00ff]/g, '')
    }
  }
}
script>

3. 效果图