Element UI 的计数器

InputNumber 计数器

仅允许输入标准的数字值,可定义范围。

  • 基础用法
    要使用它,只需要在el-input-number元素中使用v-model绑定变量即可,变量的初始值即为默认值。



  • 禁用状态
    disabled属性接受一个Boolean,设置为true即可禁用整个组件,如果你只需要控制数值在某一范围内,可以设置min属性和max属性,不设置min和max时,最小值为 0。



  • 步数
    允许定义递增递减的步数控制。
    设置step属性可以控制步长,接受一个Number。



  • 严格控制步数
    step-strictly属性接受一个Boolean。如果这个属性被设置为true,则只能输入步数的倍数。



  • 精度
    设置 precision 属性可以控制数值精度,接收一个 Number。
    注:precision 的值必须是一个非负整数,并且不能小于 step 的小数位数。



  • 尺寸
    额外提供了 medium、small、mini 三种尺寸的数字输入框。



  • 按钮位置
    设置 controls-position 属性可以控制按钮位置。



  • Attributes


  • Events


  • Methods


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 13,143评论 0 13
  • d3 (核心部分)选择集d3.select - 从当前文档中选择一系列元素。d3.selectAll - 从当前文...
    谢大见阅读 8,782评论 1 4
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,645评论 0 0
  • This chapter covers the basic setup for using this librar...
    ngugg阅读 4,659评论 0 1
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 7,891评论 2 9