el-input入力絵文字を制限する

1. コンピュータはどのようにして絵文字表現を入力するのでしょうか?

ショートカット キー 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. レンダリング