uniapp uni-number-box組件 步長爲1,還能輸入小數思路分享
正常情況,輸入了步長爲1,是無法在輸入小數的。需求是要能輸入一位小數,但如果直接步長設爲0.1,又不能按1這樣遞增,輸入數量上用起來肯定很麻煩。
於是我就想了一個折中方法,步長設爲:1.01,然後值改變的時候,change事件裏,四捨五入,保留一位小數,這樣就能實現點擊輸入框左右的加減 ,頁面顯示的就是按1的增長變化,手動輸入的時候,又能輸入小數。
以上思路,希望能給其他人帶來幫助。
另一個問題:與上面無關
另外在做按0.5的倍數增長,step設爲0.5,但是手動輸入的值也要是0.5的倍數,如果不是,就在change事件裏,ceil一下,這樣做會有一個問題:
當 box 綁定的值已經是2了,這是change獲得的值是1.3,向上取整,得到2,但是vue不會去渲染,因爲值沒變化,這個時候,需要使用nexttick更新值。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
《期貨-市場技術分析》讀書筆記
BloodyAngel
2024-04-29 14:32:19
《日本蠟燭圖》讀書筆記 & 技術分析回測
BloodyAngel
2024-04-29 14:32:19
pytest lastfailed原理
Believer007
2024-04-29 14:24:29
一個開源輕量級的C#代碼格式化工具(支持VS和VS Code)
追逐時光
2024-04-29 14:22:08
頂級 Javaer 都在用的 20 個類庫,真香!
Java技術棧
2024-04-29 14:21:48
Linux內核之SPI協議
藍天上的雲℡
2024-04-29 14:21:38
mongodb處理json數據很好
張博的博客
2024-04-29 14:20:08
【Nano Framework ESP32篇】使用 LCD 屏幕
東邪獨孤
2024-04-29 14:16:57
雙token+redis(token無感刷新)
uper超人
2024-04-29 14:15:37
cookie,session,token的區別
uper超人
2024-04-29 14:15:37
Asp .Net Core 系列:國際化多語言配置
IT技術派
2024-04-29 14:14:57
編譯原理PL0語法分析實驗1
孤獨的貓
2024-04-29 14:13:26
google瀏覽器插件開發
張佔嶺
2024-04-29 14:12:46
element表單中選擇 el-date-picker 選擇後沒反應
York
2024-04-29 14:09:56
24小時熱門文章