vue?element-ui的el-input-number默認值設置為空方法
element 的 el-input-number的默認值設置為空
用 el-input-number
來限制輸入框智能輸入數(shù)字,例如價格之類的, v-model
設為 空
和 null
時,默認的值顯示為允許輸入的最小值。如下:
<el-input-number v-model="formData.idx" :precision="0" :step="1" :min="1" :max="100000"></el-input-number> <el-input-number v-model="formData.winnersNum" :precision="0" :step="1" :min="1" :max="500"></el-input-number>
data(){ return { formData: { idx: null, winnersNum: '' } } }
頁面效果:
解決方法: v-model
設置為 undefined
,就可以了。
data(){ return { formData: { idx: undefined, winnersNum: undefined } } }
頁面效果:
附:el-input-number 組件無法修改默認值為空
<el-input-number v-model="num" :min="1" :max="10" label="描述文字"></el-input-number>
當num設置為 null 或者 “” 都不能將輸入框的值變?yōu)榭?/p>
后來發(fā)現(xiàn) 將num 設置為 undefined
總結
到此這篇關于vue element-ui的el-input-number默認值設置為空的文章就介紹到這了,更多相關el-input-number默認值為空內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue-element-admin搭建后臺管理系統(tǒng)的實現(xiàn)步驟
本文主要介紹了vue-element-admin搭建后臺管理系統(tǒng)的實現(xiàn)步驟,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-10-10詳解vue項目打包后通過百度的BAE發(fā)布到網(wǎng)上的流程
這篇文章主要介紹了將vue的項目打包后通過百度的BAE發(fā)布到網(wǎng)上的流程,主要運用的技術是vue+express+git+百度的應用引擎BAE。需要的朋友可以參考下2018-03-03uniapp+vue3路由跳轉(zhuǎn)傳參的實現(xiàn)
本文主要介紹了uniapp+vue3路由跳轉(zhuǎn)傳參的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-11-11Vue3結合TypeScript項目開發(fā)實戰(zhàn)記錄
聽說有的公司已經(jīng)開始用vue3了 趕緊打開B站學一下,下面這篇文章主要給大家介紹了關于Vue3結合TypeScript項目開發(fā)實戰(zhàn)的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-09-09