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更新值。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章