国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

限制 el-input 輸入 emoji

這篇具有很好參考價值的文章主要介紹了限制 el-input 輸入 emoji。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

1. 電腦如何輸入 emoji 表情 ?

快捷鍵 win+; 或 win+.

2. 代碼實現(xiàn)

<template>
  <el-input v-model="input" placeholder="請輸入內(nèi)容" @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. 效果圖

限制 el-input 輸入 emoji,elementui,vue,js,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-663406.html

到了這里,關(guān)于限制 el-input 輸入 emoji的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • el-input限制輸入整數(shù)等分析

    el-input限制輸入整數(shù)等分析

    input 限制輸入在平時的需求比較常見,例如限制輸入非數(shù)字,限制輸入整數(shù),限制輸入的小數(shù)位數(shù)等等。這里分析下各種實現(xiàn)方式。 使用 type 屬性為 number :將 el-input 的 type 屬性設(shè)置為 number ,這將限制用戶只能輸入數(shù)字。然而,這種方式仍然允許輸入小數(shù)。如果你希望只接

    2024年02月05日
    瀏覽(33)
  • ElementUI el-input無法輸入、修改、刪除問題解決

    ElementUI el-input無法輸入、修改、刪除問題解決

    elementUI是國內(nèi)前端工程師應(yīng)該都聽過或者使用過的前端框架, 不只使用簡單,而且有著詳細的文檔和 API。使用 el-input 這個標(biāo)簽時,我有些情況下在 el-input 是無法輸入的,綁定的值動也動不了,刪也刪不掉,改也改不了,所以我做了以下的解決方法的統(tǒng)計,希望可以幫助到大

    2024年02月12日
    瀏覽(100)
  • element--el-input限制輸入為數(shù)字且必須大于0

    1. el-input限制輸入為數(shù)字且必須大于0 此時只能輸入大于0的正整數(shù)。 2. el-input限制輸入為數(shù)字 此時只能輸入大于等于0的正整數(shù)。

    2024年02月16日
    瀏覽(44)
  • elementui el-input輸入框金額顯示 千分符與輸入框 金額輸入框 表格或列表中的金額輸入框

    elementui el-input輸入框金額顯示 千分符與輸入框 金額輸入框 表格或列表中的金額輸入框

    1、實現(xiàn)思路 當(dāng)用戶不對輸入框進行任何處理時,將數(shù)值轉(zhuǎn)成千分符形式,例如 12,345.67 格式,在用戶點擊金額進行輸入修改操作的時候,顯示的數(shù)值形式12345.67,并且用戶在輸入過程中禁止輸入中文、英文、特殊符號、英文逗號等,只能輸入數(shù)字、一位小數(shù)點、小數(shù)點后2位;

    2024年02月09日
    瀏覽(23)
  • 【踩坑筆記】vue3 element-plus el-input 無法輸入問題

    原因是 el-form 的 v-model=\\\"loginForm\\\" ref=\\\"loginForm\\\" 在vue3中值不能相同 把ref去掉或者改名即可 這是js的代碼( 對象記得用reactive,不然也會無法輸入 ) 這個是可以輸入的 這是無法輸入的 就改了個ref

    2024年02月11日
    瀏覽(31)
  • 關(guān)于vue的element的輸入框el-input限輸入只能是數(shù)字,包含小數(shù),正數(shù),自然數(shù)等等。

    關(guān)于element的輸入框el-input限輸入只能是數(shù)字,就是包括數(shù)字123456,小數(shù)的只能一個小數(shù)點,不能出現(xiàn)多個小數(shù)點,小數(shù)可以0開頭,但是整數(shù)不能0開頭,不能輸入文字,不能輸入負數(shù),所以對于這個我做了兩個判斷,一個是正則判斷,還有一個是0開頭的整數(shù)判斷,正則判斷是只

    2024年02月12日
    瀏覽(27)
  • vue element-ui el-input輸入框綁定@keyup.enter回車事件無效

    由于element-ui把input進行了封裝,input外面是多一層div的。 在element-ui里有很多因為自身封裝了幾層標(biāo)簽導(dǎo)致事件和樣式無法按想要的效果呈現(xiàn),遇到后可以在網(wǎng)頁中查看dom結(jié)構(gòu)分析原因。 所以對于el-input,使用 @keyup.enter是無效的,需要加上 .native 限制符 .native修飾符的作用:

    2024年02月16日
    瀏覽(38)
  • 設(shè)置輸入框el-input圖標(biāo) / el-input表單只顯示number

    設(shè)置輸入框el-input圖標(biāo) / el-input表單只顯示number

    第一種方法說明: prefix-icon圖標(biāo)位置在前面 suffix-icon圖標(biāo)位置在后面 el-icon-search 搜索小圖標(biāo) el-icon-date 日期小圖標(biāo) 第二種方式是通過slot來插入 PS:

    2024年02月16日
    瀏覽(27)
  • el-input校驗,只能輸入正整數(shù)

    一、表單校驗方式: ?二、el-input的type設(shè)置為number,然后去掉上下箭頭 ?

    2024年02月14日
    瀏覽(34)
  • <el-input> textarea文本域顯示滾動條(超過高度就自動顯示)+ <el-input >不能正常輸入,輸入了也不能刪除的問題

    <el-input> textarea文本域顯示滾動條(超過高度就自動顯示)+ <el-input >不能正常輸入,輸入了也不能刪除的問題

    需求:首先是給定高度,輸入文本框要自適應(yīng)這個高度。文本超出高度就會顯示滾動條否則不顯示。 參考文章 問題二: 加入這個,@input=“change($event)” 參考文獻 參考文獻(問題更全)

    2024年02月07日
    瀏覽(24)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包