vue?element-ui的el-input-number默認(rèn)值設(shè)置為空方法
element 的 el-input-number的默認(rèn)值設(shè)置為空
用 el-input-number 來(lái)限制輸入框智能輸入數(shù)字，例如價(jià)格之類(lèi)的， v-model 設(shè)為 空 和 null 時(shí)，默認(rèn)的值顯示為允許輸入的最小值。如下：
<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: ''
}
}
}頁(yè)面效果：
解決方法： v-model 設(shè)置為 undefined ，就可以了。
data(){
return {
formData: {
idx: undefined,
winnersNum: undefined
}
}
}頁(yè)面效果：
附：el-input-number 組件無(wú)法修改默認(rèn)值為空
<el-input-number v-model="num" :min="1" :max="10" label="描述文字"></el-input-number>
當(dāng)num設(shè)置為 null 或者 “” 都不能將輸入框的值變?yōu)榭?/p>
后來(lái)發(fā)現(xiàn) 將num 設(shè)置為 undefined
總結(jié)
到此這篇關(guān)于vue element-ui的el-input-number默認(rèn)值設(shè)置為空的文章就介紹到這了,更多相關(guān)el-input-number默認(rèn)值為空內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
vue.js實(shí)現(xiàn)回到頂部動(dòng)畫(huà)效果
這篇文章主要為大家詳細(xì)介紹了vue.js實(shí)現(xiàn)回到頂部動(dòng)畫(huà)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
Vue3中watch無(wú)法監(jiān)聽(tīng)的解決辦法
本文主要介紹了Vue3中watch無(wú)法監(jiān)聽(tīng)的解決辦法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
vue如何通過(guò)某個(gè)字段獲取詳細(xì)信息
這篇文章主要介紹了vue如何通過(guò)某個(gè)字段獲取詳細(xì)信息，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
springboot+VUE實(shí)現(xiàn)登錄注冊(cè)
這篇文章主要為大家詳細(xì)介紹了springboot+VUE實(shí)現(xiàn)登錄注冊(cè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
Vue.js實(shí)現(xiàn)輸入框清空功能的兩種方式
Vue.js 是一個(gè)流行的前端框架,它提供了多種方法來(lái)實(shí)現(xiàn)數(shù)據(jù)的雙向綁定和事件處理,在構(gòu)建表單時(shí),我們經(jīng)常需要實(shí)現(xiàn)清空輸入框的功能,本文將介紹兩種在Vue中實(shí)現(xiàn)輸入框清空功能的方法,感興趣的小伙伴跟著小編一起來(lái)看看吧2024-12-12
拿來(lái)即用的vue旋轉(zhuǎn)木馬組件demo
這篇文章主要為大家介紹了拿來(lái)即用的vue旋轉(zhuǎn)木馬組件demo詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
在Nginx上部署前端Vue項(xiàng)目的詳細(xì)步驟(超級(jí)簡(jiǎn)單!)
這篇文章主要介紹了在Nginx上部署前端Vue項(xiàng)目的詳細(xì)步驟,Nginx是一款高效的HTTP和反向代理Web服務(wù)器,作為開(kāi)源軟件,Nginx以其高性能、可擴(kuò)展性和靈活性廣泛應(yīng)用于Web架構(gòu)中,文中將步驟介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
本文給大家分享了VUE制作點(diǎn)擊按鈕出現(xiàn)水波紋效果的組件過(guò)程，對(duì)此有需求的朋友可以跟著學(xué)習(xí)下。2018-04-04
Vue3實(shí)現(xiàn)自定義指令攔截點(diǎn)擊事件的示例代碼
某些應(yīng)用場(chǎng)景會(huì)給點(diǎn)擊事件添加權(quán)限，不存在權(quán)限就攔截點(diǎn)擊事件，有權(quán)限就繼續(xù)正常觸發(fā)點(diǎn)擊事件。這樣的效果是如何實(shí)現(xiàn)的呢，本文就來(lái)和大家詳細(xì)講講2023-02-02
在現(xiàn)代前端開(kāi)發(fā)中,Vue.js 來(lái)作為一個(gè)流行的 JavaScript 框架,提供了簡(jiǎn)單易用的 API 和強(qiáng)大的功能,在 Vue 3 中,“Props”和“Emit”是兩個(gè)核心概念,本文將詳細(xì)探討這兩個(gè)概念的工作原理,并提供示例代碼以幫助更好地理解它們的使用,需要的朋友可以參考下2024-11-11