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更新值。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
10分钟搞定Mysql主从部署配置
zer0black
2024-05-17 14:31:12
无法AC,关于使用fgets碰到的问题——末尾多一个换行符
Danlis
2024-05-17 14:30:52
lightdb秒级增加列和删除列(not null带默认值)
zhjh256
2024-05-17 14:28:42
lightdb mysql 8.0兼容之不可见主键
zhjh256
2024-05-17 14:28:42
lightdb数据库超时相关控制参数
zhjh256
2024-05-17 14:28:42
如何使用 JS 判断用户是否处于活跃状态
劉漢貴
2024-05-17 14:26:51
使用 JS 实现在浏览器控制台打印图片 console.image()
劉漢貴
2024-05-17 14:26:51
基于Ubuntu-22.04安装K8s-v1.28.2实验(四)使用域名访问网站应用
hiningrise
2024-05-17 14:25:27
Flink的State
人不瘋狂枉一生
2024-05-17 14:23:00
ASP.NET Core Web中使用AutoMapper进行对象映射
追逐時光
2024-05-17 14:22:00
第四节:MySQL主从集群搭建、扩容与数据迁移、半同步复制详解
一. 二. 三. ! 作 者 : Yaopengfei(姚鵬飛) 博客地址 : http://www.cnblogs.com
Yaopengfei
2024-05-17 14:21:40
RDLC降低使用内存
煙臺西炮臺
2024-05-17 14:21:20
❤️🔥 Solon Cloud Event 新的事务特性与应用
劉之西東
2024-05-17 14:21:09
AI-FastGPT安装
2018
2024-05-17 14:14:58