欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

完美解決element-ui的el-input設(shè)置number類(lèi)型后的相關(guān)問(wèn)題

 更新時(shí)間：2022年10月13日 10:26:35   作者：程序員筆記--vue  
這篇文章主要介紹了完美解決element-ui的el-input設(shè)置number類(lèi)型后的相關(guān)問(wèn)題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

element-ui的el-input， 設(shè)置type="number"后，后邊會(huì)多一個(gè)上下箭頭，并且在中文輸入法輸入數(shù)據(jù)的時(shí)候，光標(biāo)上移??！

 

前端的強(qiáng)迫癥啊 （憑啥你這輸入框和別人的不一樣， 憑啥你光標(biāo)就上移了， 你就不能正常點(diǎn)！?。。?/p>

so，解決一下

1. 解決掉上下箭頭

::v-deep input::-webkit-outer-spin-button,
  ::v-deep input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  }
  ::v-deep input[type='number'] {
  -moz-appearance: textfield !important;
  }

2. 解決掉光標(biāo)上移問(wèn)題

.el-input__inner {
  line-height: 1px !important;
}

elementui中el-input類(lèi)型設(shè)置為number類(lèi)型

當(dāng)需要驗(yàn)證的字段是數(shù)字類(lèi)型的時(shí)候，需要使用 v-model.number 來(lái)綁定，否則驗(yàn)證的時(shí)候會(huì)當(dāng)做字符串處理，結(jié)果就無(wú)法驗(yàn)證

<el-input v-model.number="tax.salary"></el-input>

rules里面：

salary: [{required: true, message: '請(qǐng)輸入工資',type:'number', trigger: 'blur'}],

到此這篇關(guān)于完美解決element-ui的el-input設(shè)置number類(lèi)型后的相關(guān)問(wèn)題的文章就介紹到這了,更多相關(guān)element-ui number類(lèi)型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論