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

vue?element-ui的el-input-number默認值設置為空方法

 更新時間:2023年08月22日 10:21:10   作者:*且聽風吟  
這篇文章主要給大家介紹了關于vue?element-ui的el-input-number默認值設置為空的相關資料,el-input-number組件是Element?UI非常常用的一個數(shù)字輸入框組件,它提供了默認值設置的選項,需要的朋友可以參考下

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ù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • el-form錯誤提示信息手動添加和取消的示例代碼

    el-form錯誤提示信息手動添加和取消的示例代碼

    這篇文章主要介紹了el-form錯誤提示信息手動添加和取消,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-08-08
  • Vue項目優(yōu)化的一些實戰(zhàn)策略

    Vue項目優(yōu)化的一些實戰(zhàn)策略

    代碼優(yōu)化不僅僅局限在業(yè)務邏輯這塊,像是代碼復用、效率等等都是我們可以加以改進的地方,這篇文章主要給大家介紹了關于Vue項目優(yōu)化的一些實戰(zhàn)策略,需要的朋友們下面隨著小編來一起學習學習吧
    2021-05-05
  • vue-element-admin搭建后臺管理系統(tǒng)的實現(xiàn)步驟

    vue-element-admin搭建后臺管理系統(tǒng)的實現(xiàn)步驟

    本文主要介紹了vue-element-admin搭建后臺管理系統(tǒng)的實現(xiàn)步驟,文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • vue封裝組件js版基本步驟

    vue封裝組件js版基本步驟

    這篇文章主要為大家介紹了vue封裝組件js版基本步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-04-04
  • 詳解vue項目打包后通過百度的BAE發(fā)布到網(wǎng)上的流程

    詳解vue項目打包后通過百度的BAE發(fā)布到網(wǎng)上的流程

    這篇文章主要介紹了將vue的項目打包后通過百度的BAE發(fā)布到網(wǎng)上的流程,主要運用的技術是vue+express+git+百度的應用引擎BAE。需要的朋友可以參考下
    2018-03-03
  • vuedraggable實現(xiàn)拖拽功能

    vuedraggable實現(xiàn)拖拽功能

    這篇文章主要為大家詳細介紹了vuedraggable實現(xiàn)拖拽功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • Vue.Draggable拖拽功能的配置使用方法

    Vue.Draggable拖拽功能的配置使用方法

    這篇文章主要為大家詳細介紹了Vue.Draggable拖拽功能配置使用的方法,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • uniapp+vue3路由跳轉(zhuǎn)傳參的實現(xiàn)

    uniapp+vue3路由跳轉(zhuǎn)傳參的實現(xiàn)

    本文主要介紹了uniapp+vue3路由跳轉(zhuǎn)傳參的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-11-11
  • vue中的非父子間的通訊問題簡單的實例代碼

    vue中的非父子間的通訊問題簡單的實例代碼

    這篇文章主要介紹了vue中的非父子間的通訊問題簡單的實例代碼,需要的朋友可以參考下
    2017-07-07
  • Vue3結合TypeScript項目開發(fā)實戰(zhàn)記錄

    Vue3結合TypeScript項目開發(fā)實戰(zhàn)記錄

    聽說有的公司已經(jīng)開始用vue3了 趕緊打開B站學一下,下面這篇文章主要給大家介紹了關于Vue3結合TypeScript項目開發(fā)實戰(zhàn)的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
    2021-09-09

最新評論