vue自定义数字输入框组件

最近自己在练习组件开发,做了一个简单的数字输入框加减的组件,效果图如下:
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自定义数字输入框组件】调用组件就很简单了,如下:

组件做的很简单,欢迎大家一起交流。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    推荐阅读