vue3—input限制输入emo表情

输入表情

直接替换为空

 

限制输入表情方法

 //限制输入表情
    const Isemo = (val) => {
      var str = val.replace(/\s+/g, '') + ''
      var reg =
        /([0-9|*|#]\uFE0F\u20E3)|([0-9|#]\u20E3)|([\u203C-\u3299]\uFE0F\u200D)|([\u203C-\u3299]\uFE0F)|([\u2122-\u2B55])|(\u303D)|([(\A9)|(\AE)]\u3030)|(\uA9)|(\uAE)|(\u3030)|([\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF])|([\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F])/g
      if (reg.test(str)) {
        let regStr = str.match(reg)
        regStr.forEach((ele) => {
          str = str.replace(ele, '')
        })
      }
      return str
    }

使用 

html

  <input class="center"
                 type="text"
                 maxlength="50"
                 v-model="platName"
                 @update:model-value="changeplatName"
                 placeholder="请输入名称">
        </div>

js

 //修改名称
    const changeplatName = (value) => {
      platName.value = Isemo(value)
    }

 setup中return出方法和定义的值即可