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

解決使用element ui時(shí)el-input的屬性type=number,仍然可以輸入e的問題。

這篇具有很好參考價(jià)值的文章主要介紹了解決使用element ui時(shí)el-input的屬性type=number,仍然可以輸入e的問題。。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

使用element ui時(shí)el-input的屬性type=number,仍然可以輸入e,
其他的中文特殊字符都不可以輸入,但是只有e是可以輸入的,原因是e也輸入作為科學(xué)計(jì)數(shù)法的時(shí)候,e是可以被判定為數(shù)字的,
但是有些場(chǎng)景是需要把e這種情況屏蔽掉的,我們可以使用如下的方法。
在進(jìn)行鍵盤事件輸入時(shí),進(jìn)行監(jiān)聽,禁止e的輸入。
方法如下。

<el-input
    @keydown.native="handleInput"
    type="number"
    v-model="form.number"
    clearable
    placeholder=""
  ></el-input> </el-form-item>
      handleInput(e) {
        let key = e.key;
        if (key === 'e' || key === 'E' || key === '+' || key === '-' || key === '.') {
          e.returnValue = false;
          return false;
        }
        return true;
      },

通過以上方法就可以解決。文章來源地址http://www.zghlxwxcb.cn/news/detail-721502.html

到了這里,關(guān)于解決使用element ui時(shí)el-input的屬性type=number,仍然可以輸入e的問題。的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • 【已解決】element-ui組件嵌套太多層,導(dǎo)致內(nèi)部el-input和el-select 等組件無法正常輸入解決方案

    如果 element-ui 組件嵌套太多層,可能會(huì)導(dǎo)致內(nèi)部的 el-input 和 el-select 等組件無法正常輸入。 出現(xiàn)這種問題通常是由于 z-index 屬性設(shè)置不正確導(dǎo)致的。 解決這個(gè)問題的方法是調(diào)整組件的 z-index 屬性,使其不會(huì)被其他組件覆蓋。以下是一個(gè)解決方法: 在上面的代碼中,我們首先

    2023年04月13日
    瀏覽(69)
  • Element-UI實(shí)現(xiàn)的下拉搜索樹組件(el-select、el-input、el-tree組合使用)

    Element-UI實(shí)現(xiàn)的下拉搜索樹組件(el-select、el-input、el-tree組合使用)

    1、子組件封裝 注意使用:正常使用 // 子組件使用 父組件調(diào)用

    2024年02月11日
    瀏覽(100)
  • element ui中的el-input回車鍵事件

    今天項(xiàng)目里面的登錄頁面,需要按鍵盤回車鍵就直接登錄,但是測(cè)試的時(shí)候,按了回車鍵后,直接刷新頁面了,這不是我想要的,之后網(wǎng)上查了一下 代碼如下: 上面的寫法沒問題,但是這樣又會(huì)出現(xiàn)一個(gè)問題,當(dāng)form表單中只有一個(gè)input框時(shí),按回車鍵,頁面還是刷新的。 之

    2024年02月11日
    瀏覽(27)
  • element-ui :封裝el-input 遇到的問題

    因項(xiàng)目中有多處輸入框要求只能輸入整數(shù)或者浮點(diǎn)數(shù), el-input 設(shè)置type=number 火狐瀏覽器這個(gè)屬性是無效的; 所以就想到了 使用el-input type=text 輸入的時(shí)候 正則匹配, 只能輸入整數(shù)或者浮點(diǎn)數(shù); 所以為了方便使用,需要對(duì)第三方庫el-input 進(jìn)行封裝。 1. 初始封裝的組件Number-in

    2024年02月03日
    瀏覽(21)
  • Element UI el-input 只能輸入大于0的正整數(shù)

    當(dāng)輸入值以0開頭或者不為0-9的整數(shù)時(shí),則用\\\' \\\'替換掉(/g表示全局匹配,則所有匹配項(xiàng)都會(huì)被替換掉),效果為不能輸入以0開頭或不為正整數(shù)的值。

    2024年02月14日
    瀏覽(28)
  • element-ui的el-form表單和el-table校驗(yàn)嵌套使用校驗(yàn)el-input和el-select

    element-ui的el-form表單和el-table校驗(yàn)嵌套使用校驗(yàn)el-input和el-select

    場(chǎng)景:前端開發(fā)中,經(jīng)常會(huì)遇到比較多的表單填寫頁面,其中有el-form,el-table,表格的每一列中又嵌套著輸入框或者下拉框,然后每個(gè)還需要做單獨(dú)的校驗(yàn) 效果: ? 點(diǎn)擊保存可校驗(yàn)el-input和el-select是否有值,不符合校驗(yàn)規(guī)則就標(biāo)紅提醒 ? 1.el-form里面嵌套el-table 2.在el-table-column自定義內(nèi)

    2024年02月02日
    瀏覽(32)
  • 設(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)
  • Element UI 中 el-input 標(biāo)簽去掉邊框的一種辦法

    最近在做一個(gè)簡(jiǎn)單的頁面,想把 el-input 去掉邊框,在網(wǎng)上找了很多方法,最終發(fā)現(xiàn)下邊這種方法是可行的: HTML代碼: 樣式代碼如下: 注意這里的樣式語言用的是 less,其深度穿透寫法是 /deep/。 由此便可去除 el-input 的外邊框。

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

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

    2024年02月16日
    瀏覽(38)
  • element-ui 的 el-input-number的默認(rèn)值設(shè)置為空

    element-ui 的 el-input-number的默認(rèn)值設(shè)置為空

    element 的 el-input-number的默認(rèn)值設(shè)置為空 用 el-input-number 來限制輸入框智能輸入數(shù)字,例如價(jià)格之類的, v-model 設(shè)為 空 和 null 時(shí),默認(rèn)的值顯示為允許輸入的最小值。如下: 頁面效果: 解決方法: v-model 設(shè)置為 undefined ,就可以了。 頁面效果:

    2024年02月12日
    瀏覽(29)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包