Limit el-input input emoji

1. How do computers input emoji expressions?

Shortcut key win+; or win+.

2. Code implementation

<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. Rendering

Please add a picture description

Guess you like

Origin blog.csdn.net/weixin_43756494/article/details/132411028
Recommended