vue自定义数字输入框组件
最近自己在练习组件开发,做了一个简单的数字输入框加减的组件,效果图如下:
文章图片
组件可以传入三个参数,value是初始化值,max是可输入的最大值,min是可输入最小值,当然参数可以按需求继续扩展的。
组件代码如下:
input{width: 280px; height: 36px; padding: 0 10px; border: 1px solid #ccc; border-radius: 4px; }button{border: none; background: #4e83e4; color: #fff; height: 36px; width: 36px; }
【vue自定义数字输入框组件】调用组件就很简单了,如下:
数字输入框组件
组件做的很简单,欢迎大家一起交流。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- vue3 多选传对象 到 go
- 数字ic|乘法器verilog
- Vue前端路由hash与history差异深入了解
- Vue3.2.x中的小技巧及注意事项总结
- 模板自定义数组
- 投稿|数字营销新十年:投石、试错、寻出路
- python|mmsegmentation教程1:自定义数据集、config文件修改、训练教程
- VMware Tools 启动脚本未能在虚拟机中成功运行。如果您在此虚拟机中配置了自定义启动脚本,请确保该脚本没有错误。您也可以提交支持请求,报告此问题。
- 为record类型自定义Equals方法 #yyds干货盘点#
- Win10自定义高级共享设置的办法